New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Editor: v-model
not updating with Quill v2.0
#5606
Comments
Same thing here. The editor works to write new texts. To edit something is not working |
Same issue. |
Same issue here and I couldn't figure out anything I could do even for a temporary fix. |
The same for me here, everyone that can help us, please give us some lights. |
In the meantime you can install quill 1.3.7. that's the latest non-2.0 version. I just came to visit after seeing this in my console:
|
That worked. However, we have the performance problem mentioned here: vueup/vue-quill#409 |
Thanks, I did notice that in my project but I didn't debug it yet, so thats good to know. |
What you guys did? i cant understand, im already using quill 2.0.0, and still not working the getting the value |
I left quill at version 1.3.7 until v2 is supported.
|
Many thanks @agm1984, it works for me |
For reference: This is the corresponding issue (and PR) from primefaces/primereact repository. A fix for PrimeVue could be almost copy & paste, I guess: |
Probably the best solution for this issue while using quill >= 2.0.0 is: First, set a ref for the editor component and bind a method for the load event emitted by the component <Editor ref="editor" v-model="form.description" @load="editorLoad"> So, after that, create a method for being executed after editor load: editorLoad({instance}) {
const delta = this.$refs.editor.quill.clipboard.convert({ html: "<p>your html goes here!</p>" });
this.$refs.editor.quill.setContents(delta, 'silent');
}, |
Describe the bug
Quill v2.0 is now officially released (see https://github.com/quilljs/quill/releases). PrimeVue's docs state to simply run
to make the Editor component work. Displaying and editing the text inside the editor works just fine, but directly manipulating the
v-model
value does not. This issue was mentioned here as well:I know that there are plans to replace Quill with a custom solution (mentioned in a discussion here), but until then a fix for this issue would be very appreciated.
Reproducer
https://stackblitz.com/edit/primevue-create-vue-issue-template-fsd4z9
PrimeVue version
3.51.0
Vue version
3.x
Language
ALL
Build / Runtime
Vite
Browser(s)
No response
Steps to reproduce the behavior
v-model
valueExpected behavior
The content of the Editor should change. It does not.
The text was updated successfully, but these errors were encountered: