Vue+Element使用富文本编辑器的示例代码

富文本编辑器在任何项目中都会用到,在Element中我们推荐vue-quill-editor组件,现在我就把它提供给大家,希望对大家有用。具体截图如下:

Vue+Element使用富文本编辑器的示例代码_第1张图片

安装编辑器组件

具体方法:npm install vue-quill-editor --save

编写组件

首先我们在components文件夹里创建ue.vue组件,效果图如下:

Vue+Element使用富文本编辑器的示例代码_第2张图片

组件




在页面中使用

下面是使用代码





以上就是全部代码,谢谢大家,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(Vue+Element使用富文本编辑器的示例代码)