CodeMirror - addWidgetとはどのようなものですか？

CodeMirrorをいくつか拡張したいと思います。 addWidgetメソッドは有望な出発点のようです。ドキュメントはCodeMirror - addWidgetとはどのようなものですか？

を述べaddWidget（POS、ノード、のscrollIntoView）は所与{行、CH}位置の下方右側に配置、エディタに、絶対位置DOMノードであるべきノードを置きます。 scrollIntoViewがtrueの場合、エディタは、（可能であれば）ノード全体が確実に表示されるようにします。ウィジェットをもう一度削除するには、単にDOMメソッドを使用します（それ以外の場合はのどこかに移動するか、親のremoveChildを呼び出します）。

私はそれが何を意味するのか、それをどのように使用するのかは分かりません。 CodeMirrorコードベースやGoogleの他の場所では、その使用法を見つけることはできません。

出典

2013-01-16 George Mauer

は、あなたは私がのためにこれを使用するものですのわからないものを、

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

出典

2013-01-19 00:57:12 aljordan82

右、私はメソッドのシグネチャを理解し、HTMLノード位置およびブール値を渡す必要があります。それは何をするためのものか？ユースケースとは何ですか？ –

私はそれを使ってカスタムのautoCompleteウィジェットを追加しました。 – aljordan82

これを使用して、エディタの特定の場所にDOM要素を追加できますか？これはあなたのautoCompleteのためにどのように機能しましたか？カーソルが現在あるところでウィジェットを追加する必要はありませんか（私はそれがポップアップを介してオートコンプリートを実行するのに慣れた方法であると仮定しています）？ –

CodeMirror - addWidgetとはどのようなものですか？

答えて

関連する問題