복사

Question

Jsfiddle 예 여기에 클립 보드에 TinyMCE에 에디터의 선택 내용 :

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

내 목표는 TinyMCE에 텍스트 영역의 모든 콘텐츠를 선택하고이 클립 보드 (동등한에 복사하는 것입니다 그것을 모두 강조 표시하고 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);});