ueditor添加链接弹出框中怎么给确认按钮绑定事件

Posted 2023-03-20

参考技术A 主要有如下几个步骤：
1、在editor_config.js文件中添加关于dialog相关的配置项，主要涉及到如下几个：
toolbars, //在其中增加dialog名称
labelMap, //在其中增加描述
2、打开ui/editorui.js文件，找到dialogBtns对象，在里面的ok或者noOk中增加dialog名称，ok跟noOk的区别在于一个会有确定、取消按钮，另一个没有。
同样在这个文件，找到iframeUrlMap对象，在里面增加dialog对应的路径地址，请尽量保持和ue自带的dialog路径相同的格式
3、在dialogs目录下添加对应的dialog网页文件，并在里面写上自己的逻辑代码。推荐复制并修改ue自带的dialog文件来实现。
4、此时，刷新编辑器应该就能看到对应的工具栏图标了。点击后会打开一个东西，但是样式错乱。别急，打开themes下面的ueditor.css文件，增加一行样式定义
.edui-for-(dialog名称) .edui-dialog-content
width: 560px; //宽度
height: 450px; //高度
overflow: hidden;

5、理论上这样就完成了。当然，新版的UEditor（v1.2.3）由于还涉及到国际化问题，相对来说还有一些国际化操作，慢慢摸索吧。如果是之前版本，这样基本就没有问题了。