Спасибо, Джефф. Я ранее мог добавлять iframe в белый список, но это не то поведение, которое я ищу.
Привет, Рафаэль,
кажется, я плохо объясняю. Пример есть в этом посте:
Внизу этого поста по ссылке написано «Загрузка». Это div с определёнными атрибутами, который должен запускать внешние скрипты, размещённые мной в секции /body административной темы (туда, где размещают скрипты), и заполнять его содержимым (статистическими графиками) через JavaScript.
В итоге всё должно выглядеть как на CodePen, который я ссылался ранее в начале этой темы, когда данные сгенерированы.
Пользовательские data-атрибуты по умолчанию уже разрешены в Discourse и не удаляются из div, в отличие от id или class.
Моя проблема: как заставить эти внешние скрипты выполняться и генерировать данные внутри этих пустых div на основе атрибутов? На основе этих атрибутов они могут различаться для каждой темы или поста и запускать скрипт для отображения разных данных, которые генерируются этими внешними скриптами.
Краткое резюме того, что я планирую сделать
Внешние скрипты, размещённые в админке > Настроить > Тема «Редактировать CSS/HTML» в секции :
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://bloodmallet.com/js/bloodmallet_chart_import.min.js"></script>
Ввод в редакторе от пользователя или от меня:
<div
data-bloodmallet="chart"
data-wow-class="shaman"
data-wow-spec="elemental"
data-chart-engine="highcharts"
data-tooltip-engine="wowhead"
data-type="trinkets"
data-azerite-tier="all"
data-fight-style="patchwerk"
data-entries="7"
data-background-color="#343a40"
data-font-color="#f8f9fa"
data-axis-color="#828282"
data-language="en"
>Загрузка...</div>
Результат, когда div найден и внешние JavaScript-скрипты (те, что я разместил на стороне админки) выполнены и запущены для генерации контента на основе этих data-атрибутов:
Ясно ли я выразился? Извините, если объясняю не очень хорошо — я двуязычный, и иногда мои формулировки звучат сложнее, чем есть на самом деле.