当前位置:Gxlcms > JavaScript > 在vue中如何使用ueditor

在vue中如何使用ueditor

时间:2021-07-01 10:21:17 帮助过:11人阅读

这篇文章主要介绍了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中如何使用highCharts绘制3d饼图

在vue-lazyload中使用图片延迟加载插件

Vuejs 单文件组件(详细教程)

以上就是在vue中如何使用ueditor的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行