複製TinyMCE的編輯器的選擇的內容複製到剪貼板

Question

的jsfiddle例如這裏：

http://jsfiddle.net/w0ap9Lun/1/

我的目標是選擇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'); 
}); 

下面的代碼選擇在編輯器中的一切，但是當我打電話「的execCommand（‘複製’），」它不會被複制到剪貼板，這裏是我的代碼：

$('.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

我發現我的細化搜索查詢解決方案。這個問題被更廣泛地加入HTML到剪貼板中，我找到了答案在這裏：

Javascript - Copy string to clipboard as text/html

Answer 2

你能使用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 3

試試這個：

功能是複製文本剪貼板：

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); 
    } 
}} 

指定值來控制：

$('.copyTinyMCEToclip').on('click', function() { 
    var text = tinyMCE.activeEditor.getContent().replace(/<\/?[^>]+(>|$)/g, "") 
    copyToClipboard(text); 
    jQuery('input').attr('value', text);});