Как вставить код JSBIN в блог Wordpress?

Question

, когда я пытался внедрить 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

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 embed просматривает вашу страницу для всех ссылок, имеющих хотя бы один класс, который начинается с jsbin-. Затем он проверяет эти ссылки (по одному за раз), чтобы узнать, есть ли у них класс jsbin-scoop - если нет, тогда он проверяет, есть ли у них класс jsbin-embed. Если присутствует класс jsbin-embed, происходит встраивание (добавляется iframe и наследует идентификатор и классы из ссылки).

Вложенный документ, упомянутый в комментарии в сценарии (https://github.com/jsbin/jsbin/blob/master/docs/embedding.md), содержит пример, который также имеет класс jsbin по ссылке, хотя (по крайней мере, по крайней мере) сценарий ничего не делает с этим классом.