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

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

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

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

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

做成一个指令

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏