这篇文章主要介绍了vue中使用ueditor富文本编辑器的相关资料,需要的朋友可以参考下
最近在做后台管理系统的时候遇到要使用富文本编辑器。最后选择了ueditor,我的项目使用 vue+vuex+vue-router+webpack+elementUI的方案完成框架的搭建,
1、下载UEditor官网最新的jsp版本的包,下载完成解压之后得到一个utf8-jsp的文件夹,里面包含的内容如下:
2、将这个文件夹改名为ueditor,并且移入本文来源gaodai#ma#com搞*代#码9网#自己项目中的static文件夹下,修改ueditor.config.js文件夹中的内容,如下图:
3、编写子组件
<div></div>
4、在父组件中使用
5、弄好之后,上传图片会提示后端配置项http错误,文件上传会提示上传错误。这里提别申明一点,ueditor在前端配置好后,需要与后端部分配合进行,然后将配置ueditor.config.js 里的serverUrl的前缀改陈你自己的后端访问的请求路径地址
serverUrl: "统一请求地址"
总结
以上就是vue中使用ueditor富文本编辑器的详细内容,更多请关注gaodaima搞代码网其它相关文章!