tinymceがキャレット位置を失う

Question

私は、テキストエリアの横にあるエモーティコンのdivをトグルするtinymceのカスタムボタンを持っています。

onclick : function() { 
    ed.focus(); 
    $('#my-input').toggleClass('with-emoticons'); 
    $('#emoticons').toggleClass('emo-visible'); 
} 

ボタンをクリックすると、エモーティコンのdivが表示されますが、キャレットはテキストの最後から始まります。

カスタムボタンをクリックしてキャレットの位置を保持するにはどうすればよいですか？ブックマークを使用する必要があるよう

Answer 1

が見える

onclick : function() { 
    ed.focus(); 

    var bookmark = ed.selection.getBookmark(); 

    $('#my-input').toggleClass('with-emoticons'); 
    $('#emoticons').toggleClass('emo-visible'); 

    ed.selection.moveToBookmark(bookmark); 
} 

ここで使用したブックマークタイプは、エディタ、HTMLに非可視スパンを表しhtmlのブックマークです。 getBookmark関数は、HTML以外のブックマークも生成できます。このためにed.selection.getBookmark(2, true);と呼ぶことができます。tinymceブックマークの詳細についてはdocsをご覧ください。