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

Posted 2023-02-25

【中文标题】ckeditor-ckfinder 上传图片的默认属性（宽度和高度）

【英文标题】：ckeditor-ckfinder default attributes (width and height) to uploaded images

【发布时间】：2010-06-15 23:00:11

【问题描述】：

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

【问题讨论】：

在本页回答：***.com/questions/3057938/ckfinder-image-resize

【参考方案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);
        ;
    
);

【参考方案2】：

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

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

【讨论】：

选择或上传图像后，用户可以更改宽度和高度。我希望它自动将图像大小调整为用户设置的宽度和高度。那可能吗？我认为 ajax 图像调整器可以解决这个问题，但不能让它工作。有人有使用自动宽度和高度调整大小插件的经验吗？在我的 ckfinder 配置文件中，我有： include_once "plugins/imageresize/plugin.php";在 config.js 我有： CKFinder.customConfig = function( config ) config.extraPlugins = 'imageresize'; ;问候和非常感谢或帮助！！！

查看这个答案：***.com/questions/3057938/ckfinder-image-resize

【参考方案3】：

查看 _samples 文件夹中的 output_html.html

【讨论】：

output_html 没有解释对 img 标签、属性、样式的操作...

是的。查看下面的注释： // 将属性输出为属性，而不是样式。

【参考方案4】：

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

有两行：

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。