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

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

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

安装编辑器组件

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

编写组件

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

组件

在页面中使用

下面是使用代码

首页

关于我们

添加关于我们

ref="myQuillEditor"

class="editer"

:options="editorOption" @ready="onEditorReady($event)">

ref="myQuillEditor"

class="editer"

:options="editorOption" @ready="onEditorReady($event)">

确认提交

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。