提问人：Pekka 提问时间：4/9/2010 最后编辑：Pekka 更新时间：4/19/2010 访问量：1039
用于所见即所得编辑器输出的自动图像调整大小？
Automatic Image resizer for WYSIWYG Editor output?
问：
使用所见即所得编辑器（如 CKEditor）为最终用户构建内容管理系统时，一个常见问题是用户可以在编辑器中上传图像，嵌入它们，然后调整它们的大小。
保存内容后，需要将嵌入的（原始）图像 URL 替换为适当调整大小的对应图像 URL。想象一下，用户上传了一张 3000 x 3000 的照片，在所见即所得的编辑器中手动调整为 300 x 300 像素 - 它需要自动调整大小以防止加载巨大的源文件。
这项任务非常简单，我已经实现了很多次（尽管使用正则表达式，这就是我寻找替代:)的原因 - 遍历 DOM，搜索图像，查看图像源文件的大小是否与标签中指定的大小不同，如果有，请用自动调整大小的图像替换原始图像。img
在此过程中有一些小怪癖（一些 WYWSIYG 编辑器更喜欢使用，其他的 CSS 版本等）。width="300"width: 300px
我的问题是，有没有一个现成的、高质量的PHP解决方案可以很好地做到这一点，并考虑到这些怪癖？
答：
0赞
mihan007
4/9/2010
#1
至于我：我使用带有已安装插件 ImageManager 的 tinymce 编辑器。因此，在Config PHP中，您可以配置输出缩略图的大小。如果上传的图像大于该大小，您将看到小拇指（调整大小的CSS样式，您也可以配置，以便您可以使用一些jQuery插件来显示大图像。
2赞
Nazrul Muhaimin
4/19/2010
#2
尝试使用此图像调整器：http://shiftingpixel.com/2008/03/03/smart-image-resizer/
我在开发中使用了它，您可以上传图像文件并根据任何大小或裁剪部分生成缓存文件以获得最佳性能，而无需实际更改原始图像文件。
例：
<img src="/image.php/coffee-bean.jpg?width=200&height=200&image=/wp-content/uploads/2008/03/coffee-bean.jpg" alt="Coffee Bean" />
您可以在我上面提到的站点下载 image.php 文件，并将目标图像名称作为参数传递到 image.php 文件中，然后它会为其生成缓存文件，请确保您的图像文件夹权限已准备好执行和更改。
评论