zqfleaf

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

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

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

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

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

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

var str3='<div class="edui-btn edui-btn-image" ‘+
           ’ unselectable="on"  onclick="insertImg();" ‘+
           ’onmousedown="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函数中。

posted on 2016-04-20 14:18  Hunter II  阅读(537)  评论(0编辑  收藏  举报

导航