ueditor

完整项目在资源中，可点击下载ueditor-upload.zip-Web开发文档类资源-CSDN下载ueditor集成项目及上传下载更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/wdz985721191/51164294

1：安装

UEditor Docs   相关文档

下载对应压缩包之后进行nmp 和 grunt 命令执行

从结果dist文件夹的utf8下的文件copy到项目中

2：配置文件eduit.config.js

截图说明

1：地址是ueditor所在项目的相对路径，通过域名+地址可直接访问到对应js为成功

2：统一请求接口路径，这个路径想要的结果就是config.json文件的信息，由于原文件原因会导致获取不到的话，就在后台写一个接口读取文件，然后点击上传就不会出现后台未配置的结果

3：配置config.json 文件

# 不要动
"imageActionName": "uploadimage", 
# 这个是后台上传接口接收的参数名称，可定义与接口参数一致即可
"imageFieldName": "file", 
# 该参数值+后端返回图片所在位置的相对路径访问图片：http://localhost:8080/pic/1.jpg
"imageUrlPrefix": "http://localhost:8080/pic", /* 图片访问路径前缀 */

4: 视频参数配置同上，

但是视频上传成功无法回显问题，

1：确保正常返回及浏览器中正常访问

可修改ueditor.all.js的17769行，将push的image修改成video即可

html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'video'));

2：保存成功后编辑回显失败，修改ueditor.all.js第7343行找到下面代码注释即可

setContent 函数下面

// var root = UE.htmlparser(html);
// me.filterInputRule(root);
// html = root.toHtml();

视频删除不了。。。。。。。

在creatInsertStr函数中

 添加如下代码截图位置，但是删除的时候还是不能直接删除，需要回车几次然后再次删除有效，此处参考：ueditor编辑器的坑（视频空白/保存无数据/无法删除/不能插入百度动态地图）_龚清林的博客-CSDN博客

<span style="display:none;">.</span></br>

 5：上传成功之后后台必须返回的格式,其他参数可自定义

{

state:"SUCCESS",#必须大写

url:"123/pic/123123123.jpg"

}

6：自定义视频封面问题：

在4中添加

poster="http://localhsot/config/poster.png"

在ueditor.config.js中添加