Ckeditor無法使用百分比的圖像寬度和高度

我試圖在使用CKEditor時使用百分比代替圖像像素。我收到錯誤「寬度必須是數字」。當我嘗試在寬度或高度中添加％時。Ckeditor無法使用百分比的圖像寬度和高度

有沒有簡單的方法來禁用驗證檢查，或者我需要手動重寫驗證代碼？

2017-08-08 JoelB

沒有修改插件代碼，這是行不通的。

的圖像2插件則是問有關僅使用像素：

當然你可以使用下面的代碼的HTML網頁上禁用驗證：

var editor = CKEDITOR.replace('editor1', { 
    extraPlugins : 'image2' 
    image2_disableResizer : true 
}); 

CKEDITOR.on('dialogDefinition', function(ev) { 
    var dialogName = ev.data.name; 
    var dialogDefinition = ev.data.definition; 
    if (dialogName == 'image2') { 

     var infoTab = dialogDefinition.getContents('info'); 

     infoTab.get('width').validate = function() { 
      return true; //more advanced validation rule should be used here 
     } 

     infoTab.get('height').validate = function() { 
      return true; //more advanced validation rule should be used here 
     } 
    } 
});

請注意，image2也使用以像素爲單位的大小調整器，它可能會以％爲單位混亂大小。即使禁用就像在上面的代碼片斷大小調整，仍然有插件代碼的規則從而消除%：

https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/image2/plugin.js#L952-L953
https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/image2/plugin.js#L17 即使你做的一切，你可能會陷入幾其他障礙。

總結：在不改變插件代碼，你將無法使用%

來源

2017-08-11 14:43:43

好吧，那是什麼樣的我想通。你知道使用CKeditor顯示響應式圖像的另一種選擇嗎？ – JoelB

那麼，你有三個選擇，都需要工作。你可以嘗試重寫image2插件，尋找一些你想要的第三方插件，或者你可以嘗試改變編輯器的行爲，例如：https：//gist.github.com/fabiomaggio/c2f4b84756cb4d82c0ae 。 –

Ckeditor無法使用百分比的圖像寬度和高度

回答

相關問題