删除图像和标题维属性

时间：2011-11-04 作者：Dominic P

这个问题是this discussion 从图像中删除标注属性。该线程上提供的解决方案代码工作得非常好，只是它有一个不幸的副作用[caption] 将从图像中去除短代码。

在对核心代码进行了几个小时的挖掘之后，我找到了导致这种情况的原因。负责添加[caption] shortcode检查shortcode和img 标签如果找不到，只需删除标题即可。由于这是在TinyMCE编辑器中用javascript“即时”完成的，因此我想不出任何类型的WordPress过滤器可以解决这个问题。然而，我很高兴被证明是错的。：）

最后一点，我的临时解决方案是使用以下jQuery除去客户端所有有问题的标记。这与上的过滤器结合使用img_caption_shortcode 为了防止在那里使用宽度样式，似乎可以做到这一点。这并不漂亮，但现在是创可贴。有人有更好的主意吗？

// Strip width and height attributes from img, video, and object in the main article so we can have fluid images
var $fluid_items = $(\'.main-article-wrapper\').find(\'img,video,object\');
$fluid_items.removeAttr(\'width\');
$fluid_items.removeAttr(\'height\');

1 个回复
最合适的回答,由SO网友:Talbatz 整理而成

这可能不是你想要的确切答案，但我想我刚刚找到了一个很好的解决方法。

Iv\'e从211主题CSS（谁反应灵敏，imho）中提取了以下代码：

/* Images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}
这是为了使所有图像都有响应性（至少是嵌入内容中的图像…）现在我有了响应图像，但当使用标题时，我仍然存在同样的问题，这是因为tinyMCE使用图像的宽度向标题容器添加了一个样式属性。要解决这个问题，我所要做的就是将此添加到我的CSS中：

            .wp-caption { max-width: 100%; }
完成！对我来说效果很好，尽管它可能不适用于特色图片。

我希望这对某人有所帮助：-）

结束
标签： filters   images   小码农  

相关推荐

Apply_Filters函数及其变量的说明

我正在学习如何使用PHP构建html表单，方法是以“simplr表单注册”插件为例。我正在查看以下代码：$form .= apply_filters(\'simplr-reg-instructions\', __(\'Please fill out this form to sign up for this site\', \'simplr-reg\')); 您能解释一下这里发生了什么吗？函数的作用是什么，为什么需要“simpr reg指令”和“simpr reg”？为什么这句话不能简单地说：$