可以通过以下步骤实现CKEditor上传的图片在页面中自适应页面大小显示：

1. 在CKEditor中上传图片后，将鼠标放在图片上并右键单击，选择“图像属性”选项。

2. 在弹出的图像属性对话框中，选择“高级”选项卡。

3. 在“高级”选项卡中，找到“样式”字段，并在其中输入以下CSS样式代码：

max-width: 100%; height: auto;

这些样式将确保图片在页面上自适应大小，并且保持其原始宽高比例。

4. 单击“确定”按钮保存更改，并将图片插入到页面中。

通过以上步骤，您可以让CKEditor上传的图片在页面中自适应页面大小显示。

 

如何一劳永逸的做到这一点，不用每次都这样修改：

如果您想在每次上传图片时都自动应用上述CSS样式，可以在CKEditor配置中添加一个“contentsCss”选项，该选项允许您指定应用于编辑器内容的样式表。

1. 打开CKEditor的配置文件（通常为“config.js”）。

2. 在配置文件中添加以下行：

config.contentsCss = '/path/to/your/custom.css';

将“/path/to/your/custom.css”替换为您自己的自定义CSS样式表的路径。

3. 创建一个新的CSS样式表，命名为“custom.css”，并在其中添加以下CSS代码：

img { max-width: 100%; height: auto; }

这个CSS样式表将确保每次上传的图像都自适应页面大小。

4. 保存配置文件和自定义CSS样式表，并重新加载CKEditor。

通过以上步骤，您可以一劳永逸地设置CKEditor上传的图片在页面中自适应页面大小显示，而不需要每次都手动修改。

注:当前文章会不定期进行更新。如果您对本文有更好的建议，有新资料推荐， 可以点击： 欢迎分享优秀网站 。