app/components/auto-import/TiptapEditor.vue

@@ -12,13 +12,15 @@
           :key="index"
           @click="btn.action(editor)"
           :class="{ 'is-active': btn.isActive ? btn.isActive(editor) : false }"
-          :disabled="readOnly || (btn.disabled ? btn.disabled(editor) : false)"
+          :disabled="btn.disabled ? !btn.disabled(editor) : false"
           :title="btn.title"
         >
           <span class="toolbar-icon">{{ btn.icon }}</span>
         </button>
       </div>
     </div>
+
+    <!-- محتوای ادیتور -->
     <editor-content :editor="editor" class="editor-content" />
   </div>
 </template>
@@ -40,10 +42,6 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  readOnly: {
-    type: Boolean,
-    default: true,
-  },
 });
 
 const editor = ref(null);
@@ -260,14 +258,17 @@ function generateDetailsHtml(item) {
   if (item.link_url) {
     html += `<a class="link-url" href="${item.link_url}">${item.link_label}</a>`;
   }
-  html += `</summary>`;
+  html += "</summary>";
 
-  html += formatContent(item.content || "");
+  const formattedContent = formatContent(item.content || "");
+  html += `<div class="details-content">${formattedContent}</div>`;
 
   if (item.children && item.children.length > 0) {
+    html += '<div class="children-container">';
     item.children.forEach((child) => {
       html += generateDetailsHtml(child);
     });
+    html += "</div>";
   }
 
   html += `</details>`;
@@ -306,7 +307,6 @@ watch(
 );
 onMounted(() => {
   editor.value = new Editor({
-    editable: !props.readOnly,
     extensions: [
       StarterKit,
       Underline,
@@ -440,7 +440,7 @@ onBeforeUnmount(() => {
 
 .tiptap {
   font-family:
-    "sahel",
+    "Vazir",
     "Inter",
     -apple-system,
     BlinkMacSystemFont,
@@ -560,9 +560,11 @@ onBeforeUnmount(() => {
     }
   }
 
+
   summary.tag {
     color: blue;
     border-radius: var(--radius) var(--radius) 0 0;
+
   }
 
   summary.label {

app/components/lazy-load/data-entry/RelationEdit.vue

@@ -49,7 +49,7 @@ const setDataEditor = async () => {
   base_url += "/entity/show/view/qasection/{{qanon_id}}?jump_id={{section_id}}";
 
   accordionItems.value = [];
-  let node = {};
+  let node = {}
 
   if (_source.previous_info) {
     let item = _source.previous_info;
@@ -127,15 +127,17 @@ const setDataEditor = async () => {
     title: "توضیح هوشمند برای وجود وحدت موضوع بین احکام استنادی ",
     content: _source.subject_unity.reason,
     children: [],
-  };
+  }
 
   if(_source.subject_unity.description){
+
      node["children"].push({
       isOpen: false,
       id: _source.context_id,
       title: "شرط اعتبار وحدت موضوع : ",
       content: _source.subject_unity.description,
     });
+
   }
 
   accordionItems.value.push(node);
@@ -146,23 +148,23 @@ const setDataEditor = async () => {
     title: "توضیح وجود تخالف بین دو ماده  ",
     content: _source.conflict_detection.description,
     children: [],
-  };
+  }
 
   accordionItems.value.push(node);
   /////-------------بیان نوع تخالف----------------------
   node = {
     isOpen: true,
     id: 11,
-    title:
-      "بیان نوع تخالف بین دو ماده  : " +
-      _source.conflict_relation_identification.main_type,
+    title: "بیان نوع تخالف بین دو ماده  : " + _source.conflict_relation_identification.main_type,
     content: _source.conflict_relation_identification.description,
     children: [],
-  };
+  }
 
   accordionItems.value.push(node);
   /////-----------------------------------
 
+
+
   console.log("accordionItems", accordionItems.value);
 };