如何在ng2 ace编辑器中禁用复制、粘贴和丢弃文本



是否有任何方法可以在ng2-ace编辑器中禁用复制、粘贴和删除文本。https://github.com/fxmontigny/ng2-ace-editor这是我在angular 5应用程序中使用的一个。

要禁用剪贴板,请添加以下命令:
editor.commands.addCommand({
name: "breakTheEditor", 
bindKey: "ctrl-c|ctrl-v|ctrl-x|ctrl-shift-v|shift-del|cmd-c|cmd-v|cmd-x", 
exec: function() {} 
});

要禁用拖动,请使用

![
"dragenter", "dragover", "dragend", "dragstart", "dragleave", "drop"
].forEach(function(eventName) {
editor.container.addEventListener(eventName, function(e) {
e.stopPropagation()
}, true)
});
editor.setOption("dragEnabled", false)

您可以从github上的这个问题中受益https://github.com/ajaxorg/ace/issues/266

隐藏光标和线条高亮显示

editor.setOptions({
readOnly: true,
highlightActiveLine: false,
highlightGutterLine: false
})

editor.renderer.$cursorLayer.element.style.opacity=0使编辑器不可选项卡式

editor.textInput.getElement().tabIndex=-1

editor.textInput.getElement().disabled=true

禁用所有快捷方式

editor.commands.commmandKeyBinding={}

在这里找到了人民币的答案

editor.container.addEventListener("contextmenu", function(e) {
e.preventDefault();
alert('success!');
return false;
}, false);

相关内容

  • 没有找到相关文章

最新更新