tinymce丢失插入符号位置

Question

我有一个tinymce自定义按钮，它可以在文本区域旁边切换表情符号div。

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书签的更多信息，请查看文档。