Question

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

我们为此找到了类似的东西 - Embed Anything plugin for wordpress。但是，插件似乎由于某种原因而被破坏，并且与嵌入的图像无法正常工作。是的，我已经正确使用了出版商的身份证。

有人可以找出这个插件有什么问题吗？或者，有人可以建议生成类似于头像托管网站的嵌入代码的任何脚本或代码吗？所以我可以在wordpress中集成相同的内容。

提前致谢。

Answer 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文件中。

但是，在stackoverflow中使用一个很好的小对话框来共享链接会很不错:) 但是，我想这并不难，只需要CSS样式和一些jQuery。

在wordpress中为图像生成嵌入代码

1 个答案: