0

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

4

4 回答 4

3

单击“确定”按钮时设置默认宽度和高度。将用户输入的高度和宽度值替换为默认高度和宽度（覆盖“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);
        };
    }
});
于 2015-05-22T10:29:03.523 回答
2

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

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

于 2010-06-15T23:12:00.607 回答
0

查看 _samples 文件夹中的 output_html.html

于 2010-06-16T20:54:12.860 回答
0

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

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

于 2019-12-20T16:50:19.673 回答