codemmirror,如何添加附加组件

Codemirror, how to add add-ons

本文关键字:组件 添加 何添加 codemmirror      更新时间:2023-09-26

我试图添加scroll past end附加组件的代码镜像,但我不能将其添加到我的代码镜像实例。

我试着在选项中像这样称呼它scrollPastEnd: true,但那不起作用。我也尝试使用defineOption功能,但控制台说它是undefined

Thanks for the help

首先,必须将scrollpastend.js文件(https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/addon/scroll/scrollpastend.min.js)添加到HTML文档中,而不是添加到编辑器中。

如下scrollpastend.js文件中的代码所示,默认情况下,scrollPastEnd选项是关闭的:

CodeMirror.defineOption("scrollPastEnd", false, function(cm, val, old) {..});

然后,只剩下通过设置新选项来激活您的附加组件,像这样:

editor.setOption("scrollPastEnd", true);

或将scrollPastEnd选项添加到对象选项列表:

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
  mode: "html",
  lineNumbers: true,
  scrollPastEnd: true
});

希望能帮到你,祝你有个美好的一天