vue中使用ueditor富文本编辑器

前端之家收集整理的这篇文章主要介绍了vue中使用ueditor富文本编辑器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在做后台管理系统的时候遇到要使用富文本编辑器。最后选择了ueditor,我的项目使用

vue+vuex+vue-router+webpack+elementUI

的方案完成框架的搭建,

1、下载UEditor官网最新的jsp版本的包,下载完成解压之后得到一个utf8-jsp的文件夹,里面包含的内容如下:

2、将这个文件夹改名为ueditor,并且移入自己项目中的static文件夹下,修改ueditor.config.js文件夹中的内容,如下图:

3、编写子组件

4、在父组件中使用

5、弄好之后,上传图片提示后端配置项http错误文件上传提示上传错误。这里提别申明一点,ueditor在前端配置好后,需要与后端部分配合进行,然后将配置ueditor.config.js 里的serverUrl的前缀改陈你自己的后端访问的请求路径地址

总结

以上所述是小编给大家介绍的vue中使用ueditor富文本编辑器。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章