Question

Jsfiddle示例：

我的目标是选择TinyMCE textarea的所有内容并将其复制到剪贴板（相当于突出显示所有内容并按ctrl + c）。

我可以使用正常输入执行此操作：

$('.copyToclip').on('click', function() {
    //select the input
    $(this).siblings('input').select();
    //fire the copy command
    document.execCommand("copy");
    $(this).text('copied');
});

以下代码选择编辑器中的所有内容，但是当我调用＆＃39; execCommand（＆＃34; copy＆＃34;）＆＃39;它没有复制到剪贴板，这是我的代码：

$('.copyTinyMCEToclip').on('click', function() {
    //select the content of the active tinyMCE instance 
    tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.getBody());
    document.execCommand("copy");
    $(this).text('copied');
});

非常感谢任何帮助。

Answer 1

你可以使用tinyMCE方法，试试这个：

jQuery(function(){
    jQuery('.copyTinyMCEToclip').click(function(){
      var selectedText = tinyMCE.activeEditor.selection.getContent();
      jQuery('input').attr('value', selectedText);
    });
});

示例：http://jsfiddle.net/w0ap9Lun/2/

参考：http://archive.tinymce.com/wiki.php/API3:method.tinymce.dom.Selection.getContent

Answer 2

试试这个：

将文本复制到剪贴板的功能：

public static void mainjdk7(String ... args){

    Connection connect = Jsoup.connect("http://www.yahoo.com");
    try {
        Document dom = connect.get();
        dom.getElementsByTag("section").forEach(new Consumer<Element>() {
            @Override
            public void accept(Element element) {
                Elements imgstatus = element.getElementsByClass("imgstatus");
                if(null != imgstatus){
                    //Do something
                }

            }
        });
    } catch (IOException e) {
        e.printStackTrace();
    }
}

public static void mainjdk8(String ... args){
    Connection connect = Jsoup.connect("http://www.yahoo.com");
    try {
        Document dom = connect.get();
        dom.getElementsByTag("section").forEach(element -> {
            Elements imgstatus = element.getElementsByClass("imgstatus");
            if(null != imgstatus){
                //Do something
            }
        });
    } catch (IOException e) {
        e.printStackTrace();
    }
}

为控制分配值：

function copyToClipboard(text) {
if (window.clipboardData && window.clipboardData.setData) {
    // IE specific code path to prevent textarea being shown while dialog is visible.
    return clipboardData.setData("Text", text); 

} else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
    var textarea = document.createElement("textarea");
    textarea.textContent = text;
    textarea.style.position = "fixed";  // Prevent scrolling to bottom of page in MS Edge.
    document.body.appendChild(textarea);
    textarea.select();
    try {
        return document.execCommand("copy");  // Security exception may be thrown by some browsers.
    } catch (ex) {
        console.warn("Copy to clipboard failed.", ex);
        return false;
    } finally {
        document.body.removeChild(textarea);
    }
}}

Answer 3

我通过优化搜索查询找到了解决方案。问题是更广泛地将HTML添加到剪贴板，我在这里找到答案：

Javascript - Copy string to clipboard as text/html

Answer 4

让jquery单击tinymce菜单图标。唯一的缺点是，编辑器将保留所有选定的内容。

$(".mce-i-selectall").click();
$(".mce-i-copy").click();

Answer 5

通过tinyMCE API而非文档对象或JQuery调用“ copy”命令的最简单解决方案。

tinyMCE.activeEditor.selection.select(tinyMCE.activeEditor.getBody());
tinyMCE.activeEditor.execCommand( "Copy" );

将选定的TinyMCE编辑器内容复制到剪贴板

5 个答案: