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

时间:2015-03-02 15:45:07

标签: javascript wordpress wordpress-plugin

当我试图在我的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

1 个答案:

答案 0 :(得分: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 embed脚本在您的页面中查找至少有一个以jsbin-开头的类的所有链接。然后检查这些链接(一次一个)以查看它们是否具有类jsbin-scoop - 如果没有,则检查它们是否具有类jsbin-embed。如果存在类jsbin-embed,则会发生嵌入(添加iframe,并从链接继承id和类)。

脚本(https://github.com/jsbin/jsbin/blob/master/docs/embedding.md)中的注释中提到的嵌入文档包含一个在链接上也有类jsbin的示例,但是(至少现在)脚本不会这个课程的任何内容。