如何将JSBIN代码嵌入WordPress博客？

Question

当我试图在我的WordPress博客中嵌入JSBIN代码时，它不可见。只有它显示超链接。 有人可以帮我吗？我使用

代码如下：

<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

Answer 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的示例，但是（至少现在）该脚本对此类没有任何作用。