CodeMirror - co to jest addWidget i jak z niego korzystać?

Question

Chcę wprowadzić rozszerzenia do CodeMirror. Metoda addWidget wydaje się obiecującym punktem wyjścia. Dokumentacja stwierdza

addWidget (POS, węzeł, scrollIntoView) Stawia węzeł, który powinien być umieszczony absolutnie węzeł DOM, do edytora, umieszczony tuż poniżej danej linii, CH {} pozycji. Kiedy scrollIntoView ma wartość true, edytor zapewnia, że ​​cały węzeł jest widoczny (jeśli to możliwe). Aby usunąć ponownie widget, po prostu użyj metod DOM (przenieś go gdzieś lub zadzwoń removeChild na jego rodzica).

Nie do końca rozumiem, co to oznacza lub do czego bym go użył. Nie mogę znaleźć jego użycia w CodeMirror codebase ani nigdzie indziej w google.

Answer 1

Trzeba zdać węzła HTML oraz pozycję i wartość logiczną

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