tinymce失去了插入位置

Question

我有一个自定义按钮，可以在textarea旁边切换表情符号。

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。