richEditor readonly

ddkwork · Jun 28, 2024 · 862a2f7 · 862a2f7
1 parent 941f3d5
commit 862a2f7
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/RichTextEditor.vue b/src/components/RichTextEditor.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-if="editor" style="width: 100%; height: fit-content" >
 
-        <div class="editor-panel">
+        <div class="editor-panel" v-if="!readonly">
             <el-button class="editor-panel-button" size="small" text @click="editor.chain().focus().toggleBold().run()">
                 <Icon  class="editor-panel-button-icon" icon="material-symbols:format-bold" width="18" />
             </el-button>
@@ -145,7 +145,6 @@ async function getValue() {
 }
 
 function init() {
-    console.log(props)
     editor.value = new Editor({
         extensions: [
             StarterKit,
@@ -158,7 +157,7 @@ function init() {
         onUpdate: () => {
             change(editor.value.getHTML())
         },
-        editable: !props.disabled
+        editable: !props.disabled && !props.readonly
     })
 }