2017-10-17 219 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)。