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

Question

我想对 CodeMirror 进行一些扩展。 addWidget 方法似乎是一个很有前途的起点。该文件指出

addWidget(pos, node, scrollIntoView) Puts node, which should be an absolutely positioned DOM node, into the editor, positioned right below the given {line, ch} position. When scrollIntoView is true, the editor will ensure that the entire node is visible (if possible). To remove the widget again, simply use DOM methods (move it somewhere else, or call removeChild on its parent).

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

Answer 1

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

// 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)