wangEditor富文本自定义图片宽度

wangEditor增加自定义宽度按钮,效果如图:
wangEditor富文本自定义图片宽度_第1张图片

修改代码:

wangEditor.js

增加输入框和事件

1、增加代码:

\u81ea\u5b9a\u4e49\u5bbd\u5ea6%\n

wangEditor富文本自定义图片宽度_第2张图片

2、增加方法:

{
selector: ‘#selfSize’,
type: ‘input’,
fn: function fn() {
var i m g = e d i t o r . s e l e c t e d I m g ; i f ( img = editor._selectedImg; if ( img=editor.selectedImg;if(img) {
var size = $("#selfSize").val();
$img.css(‘max-width’, size+’%’);
}
// 返回 true,表示该事件执行完之后,panel 要关闭。否则 panel 不会关闭
//return true;
}
}
wangEditor富文本自定义图片宽度_第3张图片

你可能感兴趣的:(wangEditor富文本自定义图片宽度)