0


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

我们为此目的找到了类似的东西 -为 wordpress 嵌入任何插件。但是，由于某种原因，该插件似乎已损坏，并且无法与嵌入的图像一起正常工作。是的，我已经正确使用了发布者的 ID。

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

提前致谢。

4

1 回答 1

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 的问题。

于 2012-05-07T01:26:30.143 回答