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