Cannot read property 'set' of undefined - vue.JS

[VAUNT]

Hello!

When on the page where I have many instance of froala, I found this error and the initialization of froala is very slow, need help! Thank you.

Uncaught TypeError: Cannot read property 'set' of undefined
    at htmlSet (vue-froala.js?86a1:111)
    at E.Bootstrap.eval (vue-froala.js?86a1:121)
    at E.Bootstrap.currentConfig.events.initialized (vue-froala.js?86a1:260)
    at Object.v [as trigger] (froala_editor.min.js?7ac3:7)
    at E.Bootstrap.S (froala_editor.min.js?7ac3:7)

the error is same here https://github.com/froala/vue-froala-wysiwyg/issues/111

the save is done correctly but the initialization is really slow

[yellow1912]

I'm running into this exact issue. I wonder what is the problem here :(

[Centrallatice]

I have the same issue too ...

[mcanvar]

I have the same problem when I use multiple froala tags in a form.

Unfortunately, I had to remove this repo from my project. I installed froala's main repo and use the event contentChanged for initializing the editor.

[t0milee]

@VAUNT any update on this?

[rcheung9]

There have been multiple posts on this issue. Wonder if this project is still being maintained?

[t0milee]

Not really sure, last commits are from January, so not that long ago...

[mcanvar]

If this repo was a third party I would ok with this situation. But it is official and still nothing happening about this, kinda sad...

Until the bug is fixed by the company, I wrote a wrapper to handle it.

[rcheung9]

The saddest part is that we pay for a license and annual support but the devs don't even reply to a critical issue like this, for over half a year now.

[farena]

I fix this issue with a v-if into the froala tag, i hope it helps someone

<froala v-if="!loading" id="edit" v-model="resultHtml" :tag="'textarea'" />

data() { return { loading: true, resultHtml: null, }; }, mounted() { this.resultHtml = '<h1>Test</h1>'; this.loading = false; },

[drbarzaga]

@farena I try with your solution and this fixed my issue. Thanks!