vue中使用ueditor富文本编辑器的艰难探索之路

凌晨两点奔跑的绵羊

于 2019-05-07 09:30:39 发布

阅读量693

点赞数 1

分类专栏： web前端 vue.js

本文链接：https://blog.csdn.net/ksyjy/article/details/89852258

版权

本文记录了在Vue项目中集成UEditor富文本编辑器的过程，包括从下载到配置，以及解决图片宽度和上传顺序问题的步骤。在ueditor.all.js中设置图片最大宽度适应编辑器，修复了上传图片顺序错乱的源码问题。

摘要由CSDN通过智能技术生成

第一步：移步官网下载相对应的插件

https://ueditor.baidu.com/website/download.html

开发版功能较全，mini版功能较少，根据需求下载。

第二步：把文件夹放在public目录下面命名为ueditor(随意取名，后面对应就行)

第三步：更改配置文件ueditor.config.js

第四步：写公共组件 UE.vue

<template>
  <div>
    <script id="editor" type="text/plain"></script>
  </div>
</template>
<script>
import '../../../../public/ueditor/ueditor.config.js'
import '../../../../public/ueditor/ueditor.all.js'
import '../../../../public/ueditor/lang/zh-cn/zh-cn.js'
import '../../../../public/ueditor/ueditor.parse.m