在帖子中插入图像时,会自动添加包装div

时间:2013-01-20 作者:Betsy

当我通过TinyMCE编辑器向帖子添加图像时,我希望WP在<img> 标签式<div class="img-wrapper"><img src="url-to-image" alt="image" /></div>. 这有可能吗?

1 个回复
SO网友:bueltge

我认为这是一个更好的主意,如果你过滤输出the_content 并在所有图像上添加div。如果您要删除此标记,则该标记不在数据库中,这对功能更好。

add_filter( \'the_content\', \'fb_add_div_to_img\' );
function ( $content ) {

    // find img and add markup
    return $content;
}
要查找和替换内容中的img,请使用正则表达式,如this

如果使用regexpreg_match_all( \'/\\<img [^>]*src=\\"([^\\"]+)\\"[^>]*>/\', $content, $arr, PREG_PATTERN_ORDER); 然后得到一个数组。在这个数组中,您可以找到包含所有值的img标记,$arr[0]. 使用标记增强此var并返回到var$content. 也在这里a example 来自web。regex测试人员的其他提示,我喜欢:Regex Test Tool

但也可以在编辑器中的插入图像上添加标记:

add_filter( \'image_send_to_editor\', \'fb_give_linked_images_class\', 10, 8 );
function fb_give_linked_images_class( $html, $id, $caption, $title, $align, $url, $size, $alt = \'\' ){

    $html; //contains the string you need to edit, you might want to consider to rebuild the complete string.

    return $html;
}

结束

相关推荐

Problem uploading images

多站点3。4.1 wordpress我用htaccess规则重定向了wp admin,并通过wp config重命名了wp内容和插件http://codex.wordpress.org/Editing_wp-config.php#Moving_wp-content现在我不能再上传图片了。当我尝试上载图像时,它会开始处理,但随后出现http错误,或者说您确定要这样做,但不允许我上载图像。this is in .htacess RewriteEngine On RewriteBase /