vue2.x如何集成百度UEditor富文本编辑器


小编给大家分享一下vue2.x如何集成百度UEditor富文本编辑器,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1.首先下载UEditor源码,将整个文件放到static文件夹中2.然后将UEditor集成到项目中去。找到src/main.js,在main.js中3.在src/components文件夹下创建公共组件UE.vue文件,作为编辑器组件4.我们可以通过ueditor.config.js来改变编辑器所显示的选项如果我们默认显示的话,会是这个样子如果你不需要某些元素,你可以在ueditor.config.js中的toolbars中设置需要显示的标签当然你还需要做下其他的配置,比如指定编辑器资源文件根目录在这里友情提示,如果你的项目打包之后不是放在一级目录下,建议写成这样相对路径,不然会报错找不到资源。
5.这样你就可以在其他组件引入使用了,我们可以通过props向编辑器传递默认显示的值,还可以通过getUEContent()方法获取编辑器输入的内容。但是在浏览器控制台你还是会看到报错后台配置项返回格式出错,上传功能将不能正常使用!
这是因为我们在编辑器中上传图片或者视频的时候,没有配置服务器请求接口,免费云主机域名在ueditor.config.js中,对serverUrl进行配置就可以了到这里,我们就可以愉快的使用UEditor富文本编辑器了。以上是“vue2.x如何集成百度UEditor富文本编辑器”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: Java中获取反射的方式有哪些

这篇文章主要介绍“Java中获取反射的方式有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Java中获取反射的方式有哪些”文章能帮助大家解决问题。引用一句很经典的话反射是框架设计的灵魂,只有学好了反射,才能设计出好…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 10/01 19:17
下一篇 10/01 19:18

相关推荐