Ckeditor无法使用图像宽度和高度的百分比

在使用CKEditor时，我尝试使用百分比而不是像素作为图像。当我尝试在宽度或高度中添加%时，会出现错误“宽度必须是一个数字”

---

是否有一种简单的方法来禁用验证检查，或者我需要手动重写验证代码？

如果不修改插件代码，这是不可行的

您询问的image2插件仅使用像素：

确实可以在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还使用了以像素为单位的大小调整器，它可能会以%为单位弄乱您的大小。即使您像上面的代码片段中那样禁用了大小调整器，插件代码中仍然有一条规则删除

%

：

• 即使你做到了这一切，你也可能会遇到一些其他的障碍

---

总而言之：如果不更改插件代码，您将无法使用

%

如果不修改插件代码，这是不可行的

您询问的image2插件仅使用像素：

确实可以在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还使用了以像素为单位的大小调整器，它可能会以%为单位弄乱您的大小。即使您像上面的代码片段中那样禁用了大小调整器，插件代码中仍然有一条规则删除

%

：

• 即使你做到了这一切，你也可能会遇到一些其他的障碍

---

总而言之：如果不更改插件代码，您将无法使用

%

好吧，这就是我的想法。您知道使用CKeditor显示响应图像的另一个选项吗？您有三个选择，所有选择都需要工作。你可以尝试重写image2插件，搜索一些第三方插件，这些插件可以满足你的需要，或者你可以尝试改变编辑器的行为，就像这里显示的那样，例如：。好吧，我就是这么想的。您知道使用CKeditor显示响应图像的另一个选项吗？您有三个选择，所有选择都需要工作。您可以尝试重写image2插件，搜索符合您要求的第三方插件，也可以尝试更改编辑器行为，如下图所示，例如：。