2017-10-17 102 views
0

有沒有辦法停止從tinymce文本區複製文本?我做了我嘗試按照從簡單的文本區域禁止複製,但我想在TinyMCE的文本區域這一限制的代碼,我說的不是按鈕我說的寫在文本區文本從tinymce textarea禁用複製文本

<textarea id="mytinymcetextarea" class="noselect">Not copy able</textarea> 

tinymce.init({ 
selector: "#mytextarea" 
}); 


$('#mytinymcetextarea').bind('copy',function(e) { 
e.preventDefault(); return false; 
}); 

我還沒有嘗試通過CSS

.noselect { 
    -webkit-touch-callout: none; /* iOS Safari */ 
    -webkit-user-select: none; /* Safari */ 
    -khtml-user-select: none; /* Konqueror HTML */ 
    -moz-user-select: none; /* Firefox */ 
    -ms-user-select: none; /* Internet Explorer/Edge */ 
     user-select: none; /* Non-prefixed version, currently 
           supported by Chrome and Opera */ 
} 

,如果它是不可能有任何其它的文本編輯器允許禁止複製文本。

回答

1

你可以嘗試攔截copy事件,並禁用它的默認行爲:

document.addEventListener('copy', function(e){ 
    e.preventDefault(); // default behaviour is to copy selected text 
}); 

有沒有保證,這將在所有瀏覽器的工作,雖然。除此之外,您可以刪除上下文菜單(請參閱:Remove the Context Menu in TinyMCE),也可以從TinyMCE的「編輯」菜單中刪除「複製」選項(請參閱:http://codeasp.net/blogs/microsoft-net/204/tinymce-how-to-remove-cut-copy-and-paste-items-in-edit-menu)。