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

Question

我已将编辑器设置为只读，它是只读的，但它显示的是光标。我想以编程方式隐藏光标（除非以编程方式，否则不通过样式）。

Answer 1

您可以使用

隐藏cursorLayer

editor.renderer.$cursorLayer.element.style.display = "none"

Answer 2

以下是建议答案的作用，用于视觉比较：

以下是它的样子：

中加入：

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

按照“用户”的建议，删除了装订线和线条高亮显示，但光标仍在那里：

然后添加以下行：

editor.renderer.$cursorLayer.element.style.display = "none"

根据“daronwolff”建议移除光标：

Answer 3

如果您不想使用editor（例如React），则可以使用CSS隐藏不活动的光标：

.ace_hidden-cursors {
  opacity: 0;
}