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

Question

我想对CodeMirror进行一些扩展。 addWidget方法似乎是一个很有前途的起点。文档说明

  

addWidget（pos，node，scrollIntoView）Puts节点，应该是一个节点   绝对定位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)