是否有一种以编程方式隐藏Ace Editor中的光标?

1.2*_*tts 4 ace-editor

我已将编辑器设置为只读,它是只读的,但它显示了一个光标.我想以编程方式隐藏光标(除非通过编程方式,否则不通过样式).

在此输入图像描述

a u*_*ser 9

您可以使用隐藏cursorLayer

editor.renderer.$cursorLayer.element.style.display = "none"
Run Code Online (Sandbox Code Playgroud)

  • 为了改进UI我会添加:editor.setOptions({readOnly:true,highlightActiveLine:false,highlightGutterLine:false}) (3认同)

Cat*_*way 6

这是建议的答案,以进行视觉比较:

这是以前的样子:

在此处输入图片说明

添加:

editor.setOptions({readOnly: true, highlightActiveLine: false, highlightGutterLine: false});
Run Code Online (Sandbox Code Playgroud)

根据“用户”的建议,删除了装订线和线条高亮显示,但是光标仍然存在:

在此处输入图片说明

然后添加以下行:

editor.renderer.$cursorLayer.element.style.display = "none"
Run Code Online (Sandbox Code Playgroud)

如“ daronwolff”建议的那样删除光标:

在此处输入图片说明