vue中怎么添加富文本编辑器

Question

项目使用vue+webpack构建的，项目需求要用到一个小型的富文本编辑器

之前用过依赖于jQuery的summernote
所以我直接在index.html上用script标签引入了jQuery和summernote的js文件
但是我在vue文件里运行富文本编辑器的初始化代码无效

export default {
    // 组件代码
}
$('#summernote').summernote({
    lang: 'zh-CN',
    height: 300,
    minHeight: 300,
});
//相应的div并没有改变

这个方法比较蠢也并没有成功
1.请问应该怎么写比较好？
2.有哪些在vue项目中比较好用的富文本编辑器？

Answer 1

写在Vue生命周期的ready里。就可以初始化了。

Answer 2

不知道你是怎么显示富文本内容的？

Answer 3

给iframe设计个自定义指令v-srcdoc=safe_data。
如果不用ie可以直接:srcdoc=safe_data

Answer 4

做成一个指令

Answer 5

my-vue-editor： https://github.com/BetaSu/my-...
针对vue2.x的富文本编辑器