كيفية عرض متغيرات مكون القالب كـ html

مرحباً!

سؤال سريع هنا.

لدي هذا الكود:

<script
  type="text/x-handlebars"
  data-template-name="/connectors/discovery-below/sidebar"
>
{{#if missions}}
        <h2>{{#if userName}}{{i18n (theme-prefix "sidebar.back")}} {{userName}} {{/if}}!</h2>
        <p>Voici vos missions:</p>
        <div class="mission">
            <h3>Mission du jour: {{missions.daily.mission.label}}</h3>
            <p>
                {{missions.daily.mission.description}}
            </p>
        </div>
    {{/if}}
</script>

كل شيء على ما يرام، باستثناء أن متغير “description” يحتوي على HTML.

لا يتم عرضه في القالب الخاص بي، لذا يظهر كـ HTML قبيح في الواجهة الأمامية :arrow_down:

هل توجد طريقة لتفسير ما بين الأقواس {{}} كـ HTML؟

أين توجد الوثائق المتعلقة بهذا؟ أنا حالياً أقوم بعكس هندسة الكود الحالي، وهذا ليس مثالياً.

شكراً مقدماً على أي نصائح!

لأن Handlebars صُمم في الأصل لتوليد HTML، فإنه يقوم بتحويل القيم التي تُرجعها {{expression}} إلى رموز آمنة. إذا لم ترغب في أن يقوم Handlebars بتحويل قيمة ما، فاستخدم “الثلاثي-مخزن” {{{.
Introduction | Handlebars

هناك htmlSafe:

https://api.emberjs.com/ember/release/functions/@ember%2Ftemplate/htmlSafe