具有自动完成/标签替换功能的所见即所得编辑器

Question

我正在尝试使用 CKEditor 或 Summernote 来实现标签替换/自动完成功能，但是在我把头撞到墙上几天之后，我根本没有前进。 问题：

• 用户在打开自动完成列表的编辑器中输入#，在输入过程中根据输入的内容过滤列表

• 当用户选择选项之一时，带有链接文本的 # 将替换为更长的文本

• 用户在选择标签文本后无需聚焦编辑器即可继续写作

示例：

数组( "welcometext" => "尊敬的用户欢迎来到我们的系统", "footertext" => "希望你早日来到这里" )

我遇到的两个问题是 - 使任何自动完成功能以任何方式工作 - 创建简单的 ckeditor 插件，用硬编码文本替换 hastags，但替换后焦点丢失

我们将不胜感激。

Answer 1

您尝试过这个解决方案吗？

CKEDITOR.replace('fieldToReplace',{
  on: {
    'instanceReady': function(e){
      CKEDITOR.instances[fieldToReplace].focusManager.focus();
    }
});