v-html

back/object/models.py

@@ -137,17 +137,16 @@ class Scene3D(models.Model):
 
 class ClickableArea(models.Model):
     name = models.CharField(
-        "Название",
+        verbose_name="Название",
         max_length=255,
         help_text="Название кликабельной области",
     )
     description = models.TextField(
-        "Описание",
+        verbose_name="Описание",
         help_text="Описание кликабельной области",
     )
-
     target = models.ForeignKey(
-        Scene3D,
+        "Scene3D",  # Предполагается, что Scene3D определен где-то выше или в том же файле
         on_delete=models.PROTECT,
         related_name="clickable_areas",
         blank=True,
@@ -155,15 +154,19 @@ class ClickableArea(models.Model):
         help_text="На какую сцену ведет клик",
     )
     source = models.ForeignKey(
-        Element3D,
+        "Element3D",  # Предполагается, что Element3D определен где-то выше или в том же файле
         on_delete=models.PROTECT,
         help_text="В каком элементе искать object_name",
     )
     object_name = models.CharField(
-        "Название объекта",
+        verbose_name="Название объекта",
         max_length=255,
         help_text="Имя mesh или group в элементе 3D",
     )
 
     def __str__(self):
         return self.name
+
+    class Meta:
+        verbose_name = "Кликабельная область"  # Человекочитаемое имя одной записи
+        verbose_name_plural = "Кликабельные области"  # Человекочитаемое имя множественного числа

front/src/components/sidebar.vue

@@ -64,7 +64,7 @@ watch(() => sidebar.id_clickable, () => {
                     <div class="sidebar-accordion-content" v-if="sidebar.isAccOpen('desc')">
                         <template
                             v-for="p in (sidebar.description || sidebar_scene.description || '').replace(/(\n|\r)+/g, '\n').split('\n')">
-                            <p>{{ p }}</p>
+                            <p v-html="p"></p>
                         </template>
                         <RouterLink :to="`/${route.params.item}/${sidebar.target}`" v-if="sidebar.target">
                             Перейти