1. 程式人生 > >phpcms v9 去掉編輯器上傳圖片的寬高樣式

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/