CodeMirror - was ist addWidget für und wie man es benutzt?

Question

Ich möchte einige Erweiterungen zu CodeMirror machen. Die addWidget-Methode scheint ein vielversprechender Ausgangspunkt zu sein. In der Dokumentation

addWidget (pos, Knoten, ScrollIntoView) Versetzt Knoten, der ein absolut positioniert DOM Knotens sein soll, in den Editor, positioniert rechts unterhalb der gegebenen {line, ch} Position. Wenn scrollIntoView den Wert true hat, stellt der Editor sicher, dass der gesamte Knoten sichtbar ist (falls möglich). Um das Widget wieder zu entfernen, verwenden Sie einfach DOM-Methoden (verschieben Sie es irgendwo sonst, oder rufen Sie removeChild auf seinem übergeordneten).

Ich verstehe nicht wirklich, was das bedeutet oder wofür ich es verwenden würde. Ich finde keine Verwendung davon in der CodeMirror Codebasis noch irgendwo anders in Google.

Answer 1

Sie benötigen

einen HTML-Knoten und eine Position und einen Booleschen Wert zu übergeben

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