diff --git a/docs/src/demos/ReadOnly/index.vue b/docs/src/demos/ReadOnly/index.vue
index c8cd06d5..3d1135fb 100644
--- a/docs/src/demos/ReadOnly/index.vue
+++ b/docs/src/demos/ReadOnly/index.vue
@@ -25,7 +25,7 @@ export default {
 
   mounted() {
     this.editor = new Editor({
-      editable: false,
+      editable: this.editable,
       content: `
         <p>
           This text is <strong>read-only</strong>. You are not able to edit something. <a href="https://ueber.io/">Links to fancy websites</a> are still working.