widget - CodeMirror - addWidget 的用途是什么以及如何使用它？

Question

我想对 CodeMirror 做一些扩展。addWidget 方法似乎是一个很有希望的起点。该文件指出

addWidget(pos, node, scrollIntoView) 将节点（应该是绝对定位的 DOM 节点）放入编辑器，位于给定 {line, ch} 位置的正下方。当 scrollIntoView 为 true 时，编辑器将确保整个节点可见（如果可能）。要再次删除小部件，只需使用 DOM 方法（将其移动到其他地方，或在其父级上调用 removeChild）。

我真的不明白这意味着什么或我会用它做什么。我在 CodeMirror 代码库或谷歌的其他任何地方都找不到它的用法。

Answer 1

您需要传递一个 html 节点和一个位置以及一个布尔值

// create a node
var htmlNode =document.createElement("h1");
var text =  document.createTextNode("Text or whatever");
htmlNode.appendChild(text)

// call this after you initialized the editor.
// the position must be like this {ch: YourCharecterNumber, line: YourLineNumber}
editor.addWidget({ch:30 , line: 1},htmlNode, true)