为每个图像添加onclick添加到帖子或页面

时间:2013-11-07 14:35:24

标签: wordpress media

我想自动添加

class="highslide"  onclick="return hs.expand(this,config1)"

我添加到帖子或页面的每张图片都有

<a class="highslide" onclick="return hs.expand(this,config1)" href="http://mysite.net/wp-content/uploads/2013/11/image.jpg" target="_blank"><img class="alignleft  wp-image-659" alt="" src="mysite.net/wp-content/uploads/2013/11/image.jpg" width="108" height="68" /></a>

我已经找了hrs并且没有发现任何可以做到这一点,有没有人知道插件或代码片段会这样做

由于

1 个答案:

答案 0 :(得分:1)

我为你创造了一个小小的剪辑。

/**
 * Function customizes a HTML code to be inserted when inserting a media file through "Add media"     button
 * @param string $insert an original HTML code to be modified
 * @return string
 */
function custom_edit_media_insert($insert)
{
    //check, whether you are inserting an image wrapped in anchor
    if(preg_match('/^(<a).*(<img).*(<\/a>$)/', $insert))
        $insert = str_replace('<a', '<a class="highslide" onclick="return hs.expand(this,config1)"', $insert);

        return $insert;
}
add_filter('media_send_to_editor', 'custom_edit_media_insert');

但是,我强烈建议您使用外部javascript来实现此目的。

修改

根据您的方法,给每个元素onclick…代码创建无用的代码。换句话说,在开发人员的现代世界中,你应该使用外部javascript <script src="script.js"></script>和你的功能板(例如通过jQuery)。

$('.parent a').click(function(){
    return hs.expand($(this),config1);
});