Почему мой встроенный блок Gutenberg для Instagram не работает, когда работает в редакторе?

Question

Я встраиваю посты в Instagram в редактор Wordpress Gutenberg, используя блок Instagram.Прекрасно работает в редакторе, и сообщение встраивается без проблем.

Однако на внешнем интерфейсе ссылка Instagram просто находится в виде текста без каких-либо попыток.для встраивания.

Небольшое копание привело меня к этой статье о {{unknown}} oСписанных записях кэша в базе данных, которые присутствуют в моем oEmbedкеш базы данных для встраивания Instagram, которые не работают.Тем не менее, я до сих пор не могу найти решение или причину, по которой это происходит.

Похоже, с YouTube или Vimeo не возникает проблем с встраиванием на сайт, а только в Instagram.возникли проблемы.Опять же, встраивание прекрасно работает в бэкэнд-редакторе ...

Кто-нибудь еще сталкивался с этим странным внешним интерфейсом?

Answer 1

Мы также испытываем эту проблему на нашем сайте.Я заметил, что <script async src="//www.instagram.com/embed.js"></script> где-то удаляется, что приводит к тому, что встраивание не загружается должным образом на интерфейс.Разрешение тегов script устраняет проблему, позволяя загружать сценарий встраивания, но создает уязвимость безопасности, поэтому мы еще не нашли хорошего обходного решения.

Редактировать: Мы решили добавить <script async src="//www.instagram.com/embed.js"></script>к метке головы.Все еще не идеален, так как загружается на всех страницах, но в настоящее время существует обходной путь, позволяющий правильно загружать instagram.