ueditor 1.5版本单独调用图片上传如何实现？

Posted 2023-04-22

ueditor 1.5版本单独调用图片上传如何实现，网上找的添加修改image.js
function insertImage(imgObjs)
editor.fireEvent('beforeInsertImage', imgObjs);
editor.execCommand("insertImage", imgObjs);
这个代码只适合老版本，新版本1.5的无效。

在页面中引入UEditor的核心文件ueditor.config.js和ueditor.all.min.js以及需要使用的语言文件（如zh-cn.js）。

创建一个容器，用于显示UEditor编辑器。

在javascript中创建一个UEditor实例并配置相关参数。其中，需要设置上传图片的配置项，包括图片上传的接口地址和其他参数。例如：

在UEditor实例中调用图片上传的方法。例如：

或者，可以直接在UEditor编辑器中点击图片上传按钮进行图片上传操作。在上传成功后，UEditor将自动将上传的图片插入到编辑器中。

注意：图片上传接口需要根据实际情况进行开发，并返回一个符合UEditor要求的JSON格式数据，其中包含上传图片的状态、图片地址等信息。UEditor默认使用POST方式上传图片，如果需要使用其他方式，可以通过配置项进行设置。

参考技术A 可以通过ueditor的第三方插件实现，比如“ueditor-webuploader”，可以通过本插件自定义图片上传接口，上传到指定的图片服务器上。

jQuery easyui 和 ueditor结合的问题

在easyui的对话框中嵌入ueditor后，发现ueditor的工具栏弹不出来，拖动对话框后发现弹出在对话框后面了，于是通过google浏览器开发工具查看，发现

对话框的z-index为9020，于是修改ueditor的zIndex大于它即可：

= .(, {
    : ,
    :,
    : ,
    : [
        [, , , , , , , , , , , , , , , , ]
    ]
});

参见：http://www.zhengdecai.com/post/501.html