WYSIWYG编辑器,具有自动完成/标签替换功能

时间:2014-10-13 08:25:36

标签: autocomplete ckeditor str-replace hashtag summernote

我尝试使用CKEditor或Summernote来实现标签替换/自动完成功能,但是经过几天将我的头撞到墙上后,我还没有前进。 问题:

  • 编辑器中的用户类型#打开自动填充列表,在打字列表中根据输入的内容进行过滤

  • 当用户选择其中一个选项时,带链接文字的#被替换为较长的文字

  • 用户可以在选择标签文本后无需关注编辑器继续书写

示例:

  

阵列(   " welcometext" => "亲爱的用户欢迎加入我们的系统",   " footertext" => "希望很快就能来到这里"   )

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

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

你试过这个解决方案吗?

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