ueditor工具栏更改按钮的默认操作

ueditor 上的 image 按钮，默认有一个图片选择工具。

但是我想把他去掉，用上自己写的图片选择功能。

原来使用cleditor 是可以给按钮自定义一个函数。但是在ueditor就没有找到可以这样做的方法。

百度了一些，可以自定义一个按钮，但是要改ueditor.all.js里面的代码。

在不想改他们核心代码的情况下，尝试向ueditor工具栏append 一个跟image一模一样的图标。

var str3='<div class="edui-btn edui-btn-image" ‘+
           ’ unselectable="on"  οnclick="insertImg();" ‘+
           ’οnmοusedοwn="return false" data-original-title="图片" ‘+
          ’style="width:20px;height:20px;">'+
        '<div unselectable="on" class="edui-icon-image edui-icon">‘+
       ’</div></div>';
$(".edui-btn-toolbar:first").append(str3);

然后跟踪发现append不成功，这个时候ueditor的工具栏还没出来。

 var t=setTimeout(function(){
     //.....
},500});

加上这个延迟后，效果还不错，可以将代码加到insertImg函数中。

转载于:https://www.cnblogs.com/zqfleaf/p/5412501.html