Question

当我在ckeditor中使用ckfinder上传图像时，图像使用css width＆amp; amp;高度。我希望图像具有默认的宽度和高度属性。我怎么能做到这一点？

Answer 1

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

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

Answer 2

单击＆＃34;确定＆＃34;设置默认宽度和高度。按钮。替换用户输入的高度＆amp;宽度值，默认高度＆amp; width（覆盖＆＃34; OnOK＆＃34;功能）

在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);

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

例如：

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

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

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

4 个答案: