phpcms v9 去掉編輯器上傳圖片的寬高樣式
phpcms v9 CKEditor 上傳圖片後會給圖片自動加上行內的寬高樣式 如下圖:
如果是bootstrap 響應式網站手機端圖片就會變形,沒次都要在行內刪除樣式,麻煩!!
去掉 自動設定寬高的樣式修改 編輯器檔案:
/statics/js/ckeditor/plugins/image/dialogs/image.js 格式化js後
共找到2處,分別是寬高的js.
第405行:
if (B == d) {
if (E) C.setStyle('width', CKEDITOR.tools.cssLength(E));
else C.removeStyle('width'); ! D && C.removeAttribute('width');
} else if (B == f) {
var F = E.match(h);
if (!F) {
var G = this.getDialog().originalElement;
if (G.getCustomData('isReady') == 'true') C.setStyle('width', G.$.width + 'px');
} else C.setStyle('width', CKEDITOR.tools.cssLength(E));
} else if (B == g) {
C.removeAttribute('width');
C.removeStyle('width');
}
第437行:
if (B == d) {
if (E) C.setStyle('height', CKEDITOR.tools.cssLength(E));
else C.removeStyle('height'); ! D && C.removeAttribute('height');
} else if (B == f) {
var F = E.match(h);
if (!F) {
var G = this.getDialog().originalElement;
if (G.getCustomData('isReady') == 'true') C.setStyle('height', G.$.height + 'px');
} else C.setStyle('height', CKEDITOR.tools.cssLength(E));
} else if (B == g) {
C.removeAttribute('height');
C.removeStyle('height');
}
註釋掉上面部分,或者刪除都可以! 這樣就OK啦,不會自動給行內加寬高的,
注意:提交新增的文章,之後編輯,點選原始碼看看。沒有了!
本文轉自:http://blog.pkcms.cn/ckeditor-delete-image-auto-add-width-height/