blocks|key|3583698|text|如果我没记错的话，CKFinder只是把文件上传到服务器上，不会改变它的分辨率！但是，在使用CKEditor的图像对话框时，您可以使用/创建CKEditor插件来更改图像的宽度和高度。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3583699|顺便说一句:该对话框允许您在将所选图像放入“文档”之前更改其宽度和高度！由CKEditor放在那里的值是所选图像的实际宽度和高度！|3583700|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

If I'm not mistaken, CKFinder just uploads the file to the server, and does not changes its resolution! You can however, use/create a plugin for CKEditor to change the image width &amp; height when using the image dialog of CKEditor!

Btw: That dialog allows you to change the width and height of the selected image before placing it in your "document"! The values that are placed there by CKEditor are the real width &amp; height of the selected image!

blocks|key|605242|text|查看_samples文件夹中的output_html.html|type|unstyled|depth|inlineStyleRanges|entityRanges|data|605243|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Look at the output_html.html in the _samples folder

blocks|key|606875|text|在单击“确定”按钮时设置默认的宽度和高度。将用户输入的高度和宽度值替换为默认的高度和宽度(覆盖"OnOK“函数)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|606876|在config.js中|606877|+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);
++++++++};
++++}
});|code-block|syntax|javascript|606878|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Set the default width and height while clicking "ok" button.
 Replace the user entered height &amp; width values with default height &amp; width (Override "OnOK" Function)

In config.js

<pre><code> 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 &amp;&amp; onOk.apply(this, e);
 };
 }
});
</code></pre>

blocks|key|1353848|text|在检查器的/image.js/文件夹中的plugins图像对话框中|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1353849|有两行代码：|1353850|d&&d.setValue(b.$.width);
e&&e.setValue(b.$.height);|code-block|syntax|javascript|1353851|如果您将b.$.width和b.$.height更改为numbers或null，则在上传任何大小的图像时都将使用默认值。|CODE|1353852|例如：|1353853|d&&d.setValue(600);
e&&e.setValue(null);|1353854|将插入一个具有600px宽度和比例高度的图像。请记住在编辑之前复制您的image.js。|1353855|entityMap^0|5|A|0|0|0|4|9|E|A|Z|4|0|0|0|Z|8|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|12|8|@$9|13|A|14|B|O]|$9|15|A|16|B|O]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|19|8|@]|D|@]|E|$]]|$1|R|3|S|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|T|3|U|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|W|$]]

In the image.js which is in plugins/image/dialogs folder of the CKEDITOR

there are two lines:

<pre><code>d&amp;&amp;d.setValue(b.$.width);
e&amp;&amp;e.setValue(b.$.height);
</code></pre>

If you change <code>b.$.width</code> and <code>b.$.height</code> with numbers or null, you will have default values upon upload of any image size. 

For example:

<pre><code>d&amp;&amp;d.setValue(600);
e&amp;&amp;e.setValue(null);
</code></pre>

Will insert an image with 600px width and proportional height.
Remember to duplicate your image.js before editing it.

When I upload images using ckfinder in the ckeditor the image displays nicely using css width &amp; height. I would like images to have default width and height attributes. How can I accomplish that?

ckeditor-ckfinder default attributes (width and height) to uploaded images

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

问ckeditor--上传图片的ckfinder默认属性(宽度和高度)
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ckeditor--上传图片的ckfinder默认属性(宽度和高度)EN