wangEditor富文本自定義圖片寬度

wangEditor增加自定義寬度按鈕，效果如圖：

 

修改代碼：

wangEditor.js

增加輸入框和事件

1、增加代碼：

<span style="float:left;font-size:14px;margin:4px 5px 0 5px;color:#333;">\u81ea\u5b9a\u4e49\u5bbd\u5ea6</span><input id="selfSize" class="left" size="5" maxlength="3"/>%\n

 

 

2、增加方法:

{
    selector: '#selfSize',
    type: 'input',
    fn: function fn() {
        var $img = editor._selectedImg;
        if ($img) {
            var size = $("#selfSize").val();
            $img.css('max-width', size+'%');
        }
        // 返回 true，表示該事件執行完之后，panel 要關閉。否則 panel 不會關閉
        //return true;
    }
}