javascript - 如何将 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，尽管(至少现在)脚本没有用这个类做任何事情。