vue中使用富文本编辑器

vue中使用富文本编辑器vue中会经常用到富文本编辑器，今天遇到一个问题，想要点击按钮显示富文本编辑器，在网上找了很多都不合适不能进行有效的显示，今天跟大家分享简单快速的方法操作富文本编辑器无论是vue-cli3.0还是vue-cli2.0都可以进行操作GitHub-------https://github.com/surmon-china/vue-quill-editor打开页面...

small面包

3344人浏览 · 2019-08-13 19:47:26

small面包 · 2019-08-13 19:47:26 发布

vue中使用富文本编辑器

vue中会经常用到富文本编辑器，今天遇到一个问题，想要点击按钮显示富文本编辑器，在网上找了很多都不合适不能进行有效的显示，今天跟大家分享简单快速的方法操作富文本编辑器无论是vue-cli3.0还是vue-cli2.0都可以进行操作
GitHub ------- https://github.com/surmon-china/vue-quill-editor

在这里插入图片描述
打开页面向下滑动

在这里插入图片描述
安装依赖 ↑

在这里插入图片描述
如果在其他页面也需要引用可以进行全局的安装（上面的），如果只在当前页面可以只在当前页面引用（下面）↑

这样加在页面中就可以进行显示~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^