前面写了一篇关于vue整合wangEditor富文本编辑器，今天介绍由百度开源的UEditor富文本编辑器。两者相比之下：wangEditor比较轻量，易于使用。Ueditor稍显臃肿。不过功能齐全，其中有一些配置稍微复杂一点，话不多说直接开始：
1.从ueditor官网下载自己后端语言对应的源码，我用的后端语言是Java所以下载jsp版本的。UEditor源码官网
5.那么导入成功之后，我们在 /src/components/ 目录下创建 ueditor.vue文件，作为我们的编辑器公共组件。
uploadUrl 是后端接口地址，上述ueditor.vue组件有两个从父组件传过来的参数：
defaultContent : // 编辑框中默认内容
config : // 编辑器的配置参数
6. 在需要用到ueditor组件的页面中添加，关于UE组件的位置需要自行调整。
7.在提交表单内容的时候，直接利用ueditor中的getUEContent方法获取内容
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/160955.html