游客

标题:UEditor工具栏上自定义按钮、图标、事件、窗口页面
正文:
第一步：找到editor_config.js（或者ueditor.config.js）文件中的toolbars参数，增加一个“camnpr”字符串，对应着添加一个labelMap，用于鼠标移上按钮时的提示。toolbars:[
[..., 'searchreplace','help','camnpr']
],
labelMap:{
'anchor':'', 'undo':'','camnpr':'郑州网建'
}
第二步：找到ui/editorui.js文件中的btnCmds数组，在其中同样增加一个“camnpr”字符串。【如果找不到editorui.js，请直接在ueditor.all.js文件里搜索var btnCmds = [】var btnCmds = [..., 'mergecells', 'deletetable', 'camnpr'];
找到此位置，我们可以看到：var iframeUrlMap = {
//...
'emotion':'~/dialogs/emotion/emotion.html',
//...
}
在此我们可以添加一个'camnpr': '~/dialogs/emotion1/camnpr.html'
这个camnpr.html页面时自定义的页面，如果你要点击此按钮弹出这个页面，还需要加入如下代码（先在ueditor.all.js页面找到 editorui["emotion"] = function 在这段代码下边加入）：editorui["camnpr"] = function (editor, iframeUrl) {
var cmd = "camnpr";
var ui = new editorui.MultiMenuPop({
title:editor.options.labelMap[cmd] || editor.getLang("labelMap." + cmd + "") || '',
editor:editor,
className:'edui-for-' + cmd
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页