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

oraaange
  • 44

项目使用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项目中比较好用的富文本编辑器?

回复
阅读 11.8k
5 个回答
✓ 已被采纳

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

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

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

做成一个指令

你知道吗?

宣传栏