feat(editor): add el-tiptap readonly prop

Leecason · Jan 8, 2020 · 9949163 · 9949163
1 parent 91d2c80
commit 9949163
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/ElementTiptap.vue b/src/components/ElementTiptap.vue
@@ -95,6 +95,11 @@ export default {
         return ['html', 'json'].includes(output);
       },
     },
+
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   data () {
@@ -121,6 +126,12 @@ export default {
 
       if (this.editor) this.editor.setContent(val);
     },
+
+    readonly () {
+      this.editor.setOptions({
+        editable: !this.readonly,
+      });
+    },
   },
 
   mounted () {
@@ -134,6 +145,7 @@ export default {
     }, {});
 
     this.editor = new Editor({
+      editable: !this.readonly,
       useBuiltInExtensions: false,
       extensions,
       content: this.content,