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

Question

当我试图在我的WordPress博客中嵌入一个JSBIN代码时，它不是visible.Only，而是一个超链接。有人能帮我吗？

我使用的代码如下：

<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页面可以在以下链接中找到：页面链接

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，但是(至少目前)脚本对该类没有任何作用。