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

查看:1405
本文介绍了vue.js - vue中怎么添加富文本编辑器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

解决方案

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

这篇关于vue.js - vue中怎么添加富文本编辑器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆