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

Question

当我在 ckeditor 中使用 ckfinder 上传图像时，图像使用 css width & 可以很好地显示。高度。我希望图像具有默认的宽度和高度属性。我怎样才能做到这一点？

Answer 1

单击“确定”按钮时设置默认宽度和高度。
替换用户输入的高度和高度具有默认高度和宽度值宽度（覆盖“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 2

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

顺便说一句：该对话框允许您在将所选图像放入“文档”之前更改其宽度和高度！ CKEditor 放置在那里的值是实际宽度和宽度。所选图像的高度！

Answer 3

查看_samples文件夹中的output_html.html

Answer 4

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

有两行：

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

如果更改 b.$.width 和 b.$.height 带有数字或 null，上传任何图像尺寸时您都会有默认值。

例如：

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

将插入宽度为 600px、高度成比例的图像。
请记住在编辑之前复制您的 image.js。