2015-03-02 77 views
2

當我試圖在我的WordPress博客中嵌入JSBIN代碼時,它不可見。只有它顯示超鏈接。 有人可以幫我嗎?我使用如何將JSBIN代碼嵌入WordPress博客?

代碼如下:

<a class="jsbin-embed" href="http://jsbin.com/biyozi/1/embed?html,console">ABCD</a><script src="http://static.jsbin.com/js/embed.js"></script> 

WordPress的頁面可以在下面的鏈接中找到: page link

+0

你可以發佈代碼嗎? – cpilko 2015-03-02 16:11:05

+0

@cpilko我已添加代碼 – 2015-03-02 16:33:52

回答

1

您需要的類jsbin-embed添加到您的鏈接。

<a class="jsbin-embed" href="http://jsbin.com/biyozi/1/embed?html,console">ABCD</a> 
 
<script src="http://static.jsbin.com/js/embed.js"></script>

爲什麼這項工作?

jsbin嵌入腳本會通過您的頁面查看所有至少有一個以jsbin-開頭的類的鏈接。然後它檢查這些鏈接(一次一個)以查看它們是否具有類jsbin-scoop - 如果沒有,則它檢查它們是否具有類jsbin-embed。如果類jsbin-embed存在,則嵌入發生(添加iframe,並從鏈接繼承id和類)。

腳本註釋中提到的嵌入式文檔(https://github.com/jsbin/jsbin/blob/master/docs/embedding.md)包含一個鏈接上也有類jsbin的示例,但是(至少現在)該腳本對此類沒有任何作用。