Tiptap: editable property is not working with Node(Vue component)

[Auxxxxlx]

 watch: {
    editable(newValue, oldValue) {
      this.editor.setOptions({
        editable: newValue
      });
    }
  },

 props: ['node', 'updateAttrs', 'editable'],

[philippkuehn]

I removed the editable prop, because it's already available and reactive (!) via view.editable. So please use the view prop instead.

[techouse]

Spent an hour debugging this 🚬 Good thing I stumbled upon this. Was already wondering if my computed property abuse got the best of me 💃

If you wouldn't mind, please update the Iframe example for future reference. ❤️

[philippkuehn]

@techouse Ah thanks! Fixed it!

[A-d-o-n-i-s]

Did this change? It doesn't work with this.editor.view.editable for me, but this.editor.options.editable works..

As an aside:
Is there a way to bind this to my custom Vue component that includes the Tiptap Editor component? I cannot get a parent component to control the edibility of the embedded Tiptap Editor through prop binding in Vue.js :-( Thanks!

[mojtabaahn]

@A-d-o-n-i-s non of editor.view.editable or editor.options.editable or view.editable is not working on 1.29.6 sadly.

for aside: you can define a prop like editable for your tiptap wrapper component and watch it with vue watchers and use setOptions method on your editor instance to change editable option.

{
    props : {
        editable : {
            default : true
        }
    },
    watch : {
        editable(value){
            this.editor.setOptions({editable : value})
        }
    },
    data(){
        return {
            editor : new Editor({})
        }
    }
}