2012-04-09 38 views
0


我有一个wordpress网站,我们倾向于在帖子中使用大量图片。现在,这些图像充满了统计数据,人们倾向于复制它们以供参考。现在,我们想要的是让用户为这些图像自动生成嵌入代码。为wordpress中的图像生成嵌入代码

我们发现了类似的东西 - Embed Anything plugin for wordpress。但是,该插件似乎因为某些原因被打破,并且无法正确使用嵌入的图像。是的,我已经正确使用了发布者的ID。

有人可以找出这个插件有什么问题吗?或者,有人可以建议任何脚本或代码生成类似于虚拟形象托管网站的嵌入代码?这样我就可以在wordpress中集成相同的内容。

在此先感谢。

回答

1

这可以使用简码来完成:

/* 
* Usage: 
* [embedimage img="http://domain.com/wp-content/uploads/image.png" title="The image title"] 
* or without a permalink wrapping the image: 
* [embedimage img="http://domain.com/wp-content/uploads/image.png" title="The image title" nolink=""] 
*/ 
add_shortcode('embedimage', 'so_10069934_embed_image'); 
function so_10069934_embed_image($atts, $content = null) { 
    global $post; 
    $link_init = (isset($atts['nolink'])) ? '' : '<a href="'.get_permalink($post->ID).'" target="_blank">'; 
    $link_end = (isset($atts['nolink'])) ? '' : '</a>'; 
    $html = <<<HTML 
    <script type="text/javascript"> 
     function copyToClipboard (text) { 
      window.prompt ("Copy to clipboard: Ctrl+C, Enter", text); 
       return false; 
     } 
    </script> 
    <a href="javascript:void(0)" id="copy" onclick="copyToClipboard(document.getElementById('pre').innerHTML);">Copy to clipboard</a> 
    <pre id="pre" style="display:none">{$link_init}<img src="{$atts['img']}" alt="{$atts['title']}" border="0" />{$link_end}</pre> 
HTML; 
    return $html; 
} 

用于复制一些文本复制到剪贴板中的JavaScript解决方案来自这里: https://stackoverflow.com/a/6055620/1287812

功能copyToClipboard应该在你的主题的JavaScript文件是最好。

虽然有一个漂亮的小对话框,在这里用于共享链接的计算器:) 但是,我猜这不难,只是CSS样式和一些jQuery的问题。