vue-element-admin实现富文本编辑器功能

vue-element-admin简介:
vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

官网地址 :https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/

先看效果图

vue-element-admin实现富文本编辑器功能_第1张图片

 

富文本编辑器功能具体实现

1.在控制台输入如下命令行

npm install vue-quill-editor --save

2.在components文件夹创建ue.vue组件,如下

vue-element-admin实现富文本编辑器功能_第2张图片 

 3.在ue.vue中添加如下代码:




4.在你所需要展示的页面添加富文本功能,代码如下






5.至此结束,

我口袋只剩玫瑰一片,此行山高又路远。

你可能感兴趣的:(Vue,vue.js,前端,javascript)