Add readonly attribute for text editor

resources/assets/js/components/AkauntingHtmlEditor.vue

@@ -37,6 +37,10 @@ export default {
             type: String,
             default: 'snow'
         },
+        readonly: {
+            type: Boolean,
+            default: false
+        },
     },
 
     data () {
@@ -58,7 +62,8 @@ export default {
                 theme: theme,
                 modules: {
                     toolbar: `#${this.toolbarId}`
-                }
+                },
+                readOnly: this.readonly
             });
 
             if (this.editorValue.length > 0) {

resources/views/partials/form/text_editor_group.blade.php

@@ -31,6 +31,10 @@
             @if (isset($attributes['disabled']))
             :disabled="{{ $attributes['disabled'] }}"
             @endif
+
+            @if (isset($attributes['readonly']))
+            :readonly="{{ $attributes['readonly'] }}"
+            @endif
         ></akaunting-html-editor>
 
         <div class="invalid-feedback d-block"