是否将图像大小调整为编辑器中使用的实际大小?

时间:2010-09-07 作者:Jan Fabry

有没有办法将图像调整到文章中显示的实际大小?我有一些用户可以导入一个大图像,然后在可视化编辑器中调整其大小。这很容易,因为他们只需拖动图像,直到达到所需大小,而无需首先打开图像编辑器,调整图像大小,保存图像,然后将其作为单独的附件上载。当然,这有时会导致帖子中的图像宽度为100px,但实际上是1500px。

是否有一个插件可以在保存新帖子时执行此操作?我想保留现有的全尺寸图像(用于链接或以后调整大小),但只需添加一个额外的尺寸(并将其保存在_wp_attachment_metadata 对象),因此此贴子具有正确大小的图像,以及对全尺寸附件的引用。

当然,所有现有职位也应该一次性处理。<img> 标签可能只有一个width, 只是一个height, 或者一个也没有:这些都应该清理干净,这样他们都有正确的width, height 还有这么大的图像。

5 个回复
最合适的回答,由SO网友:Jan Fabry 整理而成

我创建了两个插件,它们一起应该可以解决我的需要。他们目前处于早期阿尔法阶段,欢迎发表所有评论。

基本插件是On-Demand Resizer. 该插件监视uploads目录中不存在的文件的请求,并根据需要创建请求大小的图像。例如image-200x100.jpg 将创建并返回image.jpg, 但大小调整为200 x 100像素。映像以该名称保存在目录中,因此进一步的请求直接由服务器处理。

第二个插件,Resize img tags, 修改<img> 标签,使其src 属性包括宽度和/或高度数据。这允许第一个插件提供正确的图像。它们一起做我想做的事情,我只需要创建一个run-once函数来转换所有现有的帖子,但这应该很容易(我不想挂接到the_content 对于只应运行一次的内容)。

第三个“奖金”插件,Virtual intermediate images, 在WordPress中上载新图像时拦截中间图像的创建。由于如果请求,它们仍然由第一个插件创建,因此允许您指定多个图像大小,而不占用磁盘空间,除非它们实际被使用。这不是两个第一个工作所必需的,但这是一个简单的添加,它突出了一个事实,即我仍然需要围绕WordPress图像编辑器工作,但我将在创建my thumbnail editor, 它还将使用第一个插件。

SO网友:Jan Fabry

我在插件目录中搜索了"resize""crop" (后者用于another question), 并在a public Google spreadsheet. 插件搜索的结果编号非常混乱(在"resize" 搜索显示“显示了273个插件中的145-150个”,所以我可能错过了一些。半相关注释:每个人似乎都认为世界需要另一个幻灯片插件。似乎很少有人意识到这一点content_save_pre 可能是比the_content.

我还没有测试这些插件中的任何一个,但这里有一个插件列表,似乎可以满足我的需要。我在括号中添加了“Compatible up”版本号。

  • ChoiceCuts Image Juggler, 通过API(3.0.1)可访问多个图像处理功能AutoThumb, 将URL重写为使用phpThumb (2.9.2)Image Symlinks, 通过特殊[img] 短代码(2.9.2)
  • com_resize, 将URL重写为使用phpThumb以及外部图像(2.6)的处理程序ImageScaler, 根据需要创建新的大小,并更改图像中的URL(2.3)
  • ImageScaler Modded, A.slightly modified ImageScaler(2.3.1)版本
  • /ul>个人想法:前四个将URL重写为动态页面(类似/wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50), 使用各种形式的缓存。我更喜欢根据需要创建的真实图像,类似于ImageScaler所采用的方法。然而,我会将其拆分(并在评论中包含hakre的建议),然后首先重写/wp-content/uploads/2010/11/image.jpg/wp-content/uploads/2010/11/image-100x50.jpg, 然后让脚本创建缺失的图像。对该映像的第一个请求创建该映像,所有后续请求都使用该创建的映像。这也允许我将功能划分到不同的插件中。我将在单独的答案中发布此解决方案。

    这些插件将图像限制在一定的最大大小(这与指定$content_width?):

    • JP-redesign-images, 检查热链接图像和超大图像(仅当它们太大时,而不是刚调整大小时)(3.0.1)
    • Hungred Image Fit, 检查过大的图像(3.0.0)
    以下插件还有其他原因:

    • TimThumb meets TinyMCE, 在TinyMCE编辑器(2.8.4)中包含一个手动调整大小按钮。这是一篇社区Wiki帖子,如果您发现新插件,可以对其进行更新。

SO网友:NetConstructor.com

使用timthumb和passing变量自动更改图像大小/尺寸和缩放级别如何?这样,仍可保持原始图像大小。如果你需要这方面的一些例子,请告诉我。

SO网友:Raphael

Wordpress提供了三种可配置的默认大小(小、中、大)。如果使用这些,Wordpress将创建调整大小的副本。这可能是一种很好的风格,可以使用它们并设置数字,使它们适合当前的风格。这会导致整个页面上的图像大小不同,并允许在主题更改时进行全局调整。

SO网友:Rarst

最近发布的Image Pro 插件似乎正是这样做的。我还没有测试过自己,这个演示看起来非常令人印象深刻,注意浏览器兼容性差(Firefox目前才测试)。

相关推荐

如何在页面中显示wp_EDITOR

我正在制作我的主题。我在前端使用wp\\U编辑器提交帖子。我通过wp\\u编辑器在特定页面中提交,并以单个页面显示。php。单身。我使用的php<?php the_content(); ?> 问题是,当我将enter键(如br tag)放在一个有多个空行的帖子中时,这些空行就会消失。所有内容均显示,无空行。所以看起来不酷。我的第一语言不是英语,所以我不确定我的表达是否能很好地解释我的意图。我的意思是,我想要这样(A)。但内容如(B)所示。没有空行。。(A) 我叫迈克。你好<哈哈

是否将图像大小调整为编辑器中使用的实际大小? - 小码农CODE - 行之有效找到问题解决它

是否将图像大小调整为编辑器中使用的实际大小?

时间:2010-09-07 作者:Jan Fabry

有没有办法将图像调整到文章中显示的实际大小?我有一些用户可以导入一个大图像,然后在可视化编辑器中调整其大小。这很容易,因为他们只需拖动图像,直到达到所需大小,而无需首先打开图像编辑器,调整图像大小,保存图像,然后将其作为单独的附件上载。当然,这有时会导致帖子中的图像宽度为100px,但实际上是1500px。

是否有一个插件可以在保存新帖子时执行此操作?我想保留现有的全尺寸图像(用于链接或以后调整大小),但只需添加一个额外的尺寸(并将其保存在_wp_attachment_metadata 对象),因此此贴子具有正确大小的图像,以及对全尺寸附件的引用。

当然,所有现有职位也应该一次性处理。<img> 标签可能只有一个width, 只是一个height, 或者一个也没有:这些都应该清理干净,这样他们都有正确的width, height 还有这么大的图像。

5 个回复
最合适的回答,由SO网友:Jan Fabry 整理而成

我创建了两个插件,它们一起应该可以解决我的需要。他们目前处于早期阿尔法阶段,欢迎发表所有评论。

基本插件是On-Demand Resizer. 该插件监视uploads目录中不存在的文件的请求,并根据需要创建请求大小的图像。例如image-200x100.jpg 将创建并返回image.jpg, 但大小调整为200 x 100像素。映像以该名称保存在目录中,因此进一步的请求直接由服务器处理。

第二个插件,Resize img tags, 修改<img> 标签,使其src 属性包括宽度和/或高度数据。这允许第一个插件提供正确的图像。它们一起做我想做的事情,我只需要创建一个run-once函数来转换所有现有的帖子,但这应该很容易(我不想挂接到the_content 对于只应运行一次的内容)。

第三个“奖金”插件,Virtual intermediate images, 在WordPress中上载新图像时拦截中间图像的创建。由于如果请求,它们仍然由第一个插件创建,因此允许您指定多个图像大小,而不占用磁盘空间,除非它们实际被使用。这不是两个第一个工作所必需的,但这是一个简单的添加,它突出了一个事实,即我仍然需要围绕WordPress图像编辑器工作,但我将在创建my thumbnail editor, 它还将使用第一个插件。

SO网友:Jan Fabry

我在插件目录中搜索了"resize""crop" (后者用于another question), 并在a public Google spreadsheet. 插件搜索的结果编号非常混乱(在"resize" 搜索显示“显示了273个插件中的145-150个”,所以我可能错过了一些。半相关注释:每个人似乎都认为世界需要另一个幻灯片插件。似乎很少有人意识到这一点content_save_pre 可能是比the_content.

我还没有测试这些插件中的任何一个,但这里有一个插件列表,似乎可以满足我的需要。我在括号中添加了“Compatible up”版本号。

  • ChoiceCuts Image Juggler, 通过API(3.0.1)可访问多个图像处理功能AutoThumb, 将URL重写为使用phpThumb (2.9.2)Image Symlinks, 通过特殊[img] 短代码(2.9.2)
  • com_resize, 将URL重写为使用phpThumb以及外部图像(2.6)的处理程序ImageScaler, 根据需要创建新的大小,并更改图像中的URL(2.3)
  • ImageScaler Modded, A.slightly modified ImageScaler(2.3.1)版本
  • /ul>个人想法:前四个将URL重写为动态页面(类似/wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50), 使用各种形式的缓存。我更喜欢根据需要创建的真实图像,类似于ImageScaler所采用的方法。然而,我会将其拆分(并在评论中包含hakre的建议),然后首先重写/wp-content/uploads/2010/11/image.jpg/wp-content/uploads/2010/11/image-100x50.jpg, 然后让脚本创建缺失的图像。对该映像的第一个请求创建该映像,所有后续请求都使用该创建的映像。这也允许我将功能划分到不同的插件中。我将在单独的答案中发布此解决方案。

    这些插件将图像限制在一定的最大大小(这与指定$content_width?):

    • JP-redesign-images, 检查热链接图像和超大图像(仅当它们太大时,而不是刚调整大小时)(3.0.1)
    • Hungred Image Fit, 检查过大的图像(3.0.0)
    以下插件还有其他原因:

    • TimThumb meets TinyMCE, 在TinyMCE编辑器(2.8.4)中包含一个手动调整大小按钮。这是一篇社区Wiki帖子,如果您发现新插件,可以对其进行更新。

SO网友:NetConstructor.com

使用timthumb和passing变量自动更改图像大小/尺寸和缩放级别如何?这样,仍可保持原始图像大小。如果你需要这方面的一些例子,请告诉我。

SO网友:Raphael

Wordpress提供了三种可配置的默认大小(小、中、大)。如果使用这些,Wordpress将创建调整大小的副本。这可能是一种很好的风格,可以使用它们并设置数字,使它们适合当前的风格。这会导致整个页面上的图像大小不同,并允许在主题更改时进行全局调整。

SO网友:Rarst

最近发布的Image Pro 插件似乎正是这样做的。我还没有测试过自己,这个演示看起来非常令人印象深刻,注意浏览器兼容性差(Firefox目前才测试)。

相关推荐

元框中的WP_EDITOR可视选项卡不显示内容

如果单击“文本”选项卡,您可以看到内容,但当切换回“视觉”选项卡时,它不会显示任何内容。它也不是白色背景上的白色文本。。。它只是没有内容。该功能在其他情况下工作。我可以通过文本选项卡输入或更改内容,这很有效。但它从不在可视选项卡中显示内容。我禁用了所有插件并切换到2020主题,在本地机器上运行Wordpress 5.6,结果相同。以下是我的测试代码:add_action(\'admin_init\', \'custom_editor_meta_box\'); function custom_edi