diff --git a/resources/assets/js/components/AkauntingHtmlEditor.vue b/resources/assets/js/components/AkauntingHtmlEditor.vue
index 98bbe9c66..0f94e694b 100644
--- a/resources/assets/js/components/AkauntingHtmlEditor.vue
+++ b/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) {
diff --git a/resources/views/partials/form/text_editor_group.blade.php b/resources/views/partials/form/text_editor_group.blade.php
index 169a8b26e..4e2f17481 100644
--- a/resources/views/partials/form/text_editor_group.blade.php
+++ b/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"