有没有一种编程方式可以在 Ace Editor 中隐藏光标？

Question

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

Answer 1

您可以使用

隐藏cursorLayer

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

Answer 2

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

这是之前的样子：

添加：

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

按照 "a user" 的建议，删除了装订线和行突出显示，但光标仍然存在：

然后添加行：

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

按照 "daronwolff" 的建议删除光标：

Answer 3

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

.ace_hidden-cursors {
  opacity: 0;
}

Is there a programmatic way to hide the cursor in Ace Editor?