【问题标题】:Automatic Image resizer for WYSIWYG Editor output?所见即所得编辑器输出的自动图像调整器?
【发布时间】:2010-04-08 20:12:44
【问题描述】:

使用CKEditor 等所见即所得编辑器为最终用户构建内容管理系统时的一个常见问题是,用户可以在编辑器中上传图像、嵌入图像,然后调整它们的大小。

保存内容后,嵌入的(原始)图像 URL 需要被适当调整大小的对应物替换。想象一下用户上传的 3000 x 3000 照片,在 WYSIWYG 编辑器中手动调整大小为 300 x 300 像素 - 需要自动调整大小以防止加载巨大的源文件。

这个任务非常简单,我已经实现了很多次(尽管使用正则表达式,这就是我寻找替代品的原因:) - 遍历 DOM,搜索图像,看看是否图像源文件的大小与img 标签中指定的大小不同,如果是,则将原始图像替换为自动调整大小的图像。

沿途有一些小怪癖(一些 WYWSIYG 编辑器更喜欢使用width="300",其他人更喜欢使用width: 300px CSS 版本等)。

我的问题是,是否有现成的、高质量的 PHP 解决方案可以很好地做到这一点,并考虑到这些怪癖?

【问题讨论】:

    标签: php html wysiwyg


    【解决方案1】:

    尝试使用此图像缩放器:http://shiftingpixel.com/2008/03/03/smart-image-resizer/

    我在我的开发中使用了它,您可以上传您的图像文件并根据任何大小或裁剪部分生成缓存文件以获得最佳性能,而无需实际更改您的原始图像文件。

    示例:

    <img src="/image.php/coffee-bean.jpg?width=200&amp;height=200&amp;image=/wp-content/uploads/2008/03/coffee-bean.jpg" alt="Coffee Bean" />
    

    您可以在我上面提到的网站下载image.php文件,并将目标图像名称作为参数传递给image.php文件,然后它会为它生成缓存文件,请确保您的图像文件夹权限已准备好用于执行和更改。

    【讨论】:

      【解决方案2】:

      至于我:我使用安装了插件 ImageManager 的 tinymce 编辑器。因此,在 config php 中,您可以配置输出缩略图的大小。如果上传的图片大于那个尺寸,你会看到小拇指(调整大小的 css 样式你也可以配置,这样你就可以使用一些 jquery 插件来显示大图片。比如thickbox)

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-05-29
        • 1970-01-01
        • 2012-12-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多