توجيهات حول إضافة سمات HTML عشوائية إلى القائمة البيضاء؟

شكرًا لك، جيف. لقد تمكنت في السابق من إضافة iframes إلى القائمة البيضاء، لكن هذا ليس السلوك الذي أبحث عنه.

مرحبًا راؤول،
أظن أنني لست جيدًا في الشرح. يوجد مثال في هذا المنشور:

في أسفل الرابط المذكور في منشوري، تظهر كلمة “Loading”. هذا عنصر div يحتوي على سمات محددة من المفترض أن يحفز السكربتات الخارجية التي قمت بإضافتها في قسم /body من قالب الإدارة (حيث توضع السكربتات)، ثم يتم ملؤه بالمحتوى (شريط إحصائيات) عبر JavaScript.

في النهاية، يجب أن يبدو الناتج مثل كودبن الذي ربطت به سابقًا في أعلى هذا الموضوع عند توليد البيانات.

سمات البيانات المخصصة مسموح بها افتراضيًا مع 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"
>Loading...</div>

المخرجات عند العثور على عنصر div وتنفيذ JavaScript الخارجي (السكربتات التي وضعتها في جانب الإدارة) وتحفيزها لتوليد المحتوى بناءً على سمات البيانات تلك:

هل أنا واضح؟ أعتذر إذا لم أتمكن من شرح نفسي جيدًا، فأنا ثنائي اللغة وأحيانًا أميل إلى جعل الأمور تبدو أكثر تعقيدًا.