0
tinymceに次の終了タグの後にテキストを挿入したいとします。例えば、 <p>This is <span>This is a s|pan</span>paragraph</p>
。 '|'私のカーソルの位置を示す、私は'</span>|'
の後にカーソルを置く必要があります。ここでtinymceでノードの終わりを見つけるには?
tinymceに次の終了タグの後にテキストを挿入したいとします。例えば、 <p>This is <span>This is a s|pan</span>paragraph</p>
。 '|'私のカーソルの位置を示す、私は'</span>|'
の後にカーソルを置く必要があります。ここでtinymceでノードの終わりを見つけるには?
は、あなたが何をする必要があるかについて概要です:
// get a reference to the Editor instance
// (depending on your scenario, this may come from a different place)
var editor = tinymce.activeEditor;
// get the node your cursor is in - the one you want to insert after
var endNode = editor.selection.getEnd();
// move the selection after the current node
editor.selection.select(endNode).collapse(false);
// insert your content
editor.selection.setContent("abc");
あなたが実際にそれを動作させるためにthe API docsを使用することができます。私が上に書いたのは、厳密にドキュメントに基づいています - 私は今それをテストする時間がないので、おそらくプラグアンドプレイではありません。
ありがとう@Alin Purcaru ... 3行目のマイナーチェンジ。 'editor.selection.collapse();'は私のために働いていました。 –
yea、3行目は実際には2行でなければなりません: 'editor.selection.select(endNode); editor.selection.collapse(false); ' – mroncetwice