2012-04-09 20 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的問題。