ckeditor-ckfinder的默认属性（宽度和高度）为上传的图像

Question

[当我在ckeditor中使用ckfinder上传图像时，使用CSS宽度和高度可以很好地显示图像。我希望图像具有默认的width和height属性。我该怎么做？

Answer 1

如果我没记错的话，CKFinder只是将文件上传到服务器，而不会更改其分辨率！但是，使用CKEditor的图像对话框时，您可以使用/创建CKEditor的插件来更改图像的宽度和高度！

Btw：该对话框可让您在将所选图像放入“ document”之前更改其宽度和高度！ CKEditor放置在此处的值是所选图像的实际宽度和高度！

Answer 2

单击“确定”按钮时，设置默认的宽度和高度。将用户输入的高度和宽度值替换为默认的高度和宽度（覆盖“ OnOK”功能）

在config.js中

 CKEDITOR.on('dialogDefinition', function (ev) {

    var dialogName = ev.data.name,
        dialogDefinition = ev.data.definition;

    if (dialogName == 'image') {
        var onOk = dialogDefinition.onOk;

        dialogDefinition.onOk = function (e) {
            var width = this.getContentElement('info', 'txtWidth');
            width.setValue('200');//Set Default Width

            var height = this.getContentElement('info', 'txtHeight');
            height.setValue('200');////Set Default height

            onOk && onOk.apply(this, e);
        };
    }
});

Answer 3

查看_samples文件夹中的output_html.html

Answer 4

在CKEDITOR的plugins / image / dialogs文件夹中的image.js中

有两行：

d&&d.setValue(b.$.width);
e&&e.setValue(b.$.height);

如果用数字或[[null更改b.$.width和b.$.height]，则在上传任何图像尺寸时将具有默认值。

例如：

d&&d.setValue(600);
e&&e.setValue(null);

将插入宽度为600像素且高度成比例的图像。编辑之前，请记住复制
image.js

。