vueup / vue-quill

Rich Text Editor Component for Vue 3.
https://vueup.github.io/vue-quill/
MIT License
1.13k stars 282 forks source link

Unable to bind data as error throw in log console #343

Closed am54ful closed 1 year ago

am54ful commented 1 year ago

Version @vueup/vue-quill version 1.1.1

Describe the bug I can't display from the Delta object when binding withv-model:content from database. I believe I have done the requirement such as convert to string from JSON Delta object from saving into database and parse again when attempting to pass to the editor.

To Reproduce Steps to reproduce the behavior:

In editor

QuillEditor theme="snow" v-model:content="myValue" content="delta" content-type="delta" toolbar="full"

Passing to editor

myValue.value.quill = JSON.parse(quillDeltaString);

Saving to database

<!- some code here--> myValue : JSON.stringify(quillDeltaObject), <!- some code here-->

After completing the code, error are shown as below: image

I'm not sure what else it should have. I noticed that the error thrown in the method is different as prior version. And fyi, previous version is working although with errors, meaning the code is running and editor is showing data from delta object. The latest version (1.1.1) isn't showing anything at all, only the error in console log.

Expected behavior Expected to simply display data as I have passed everything required from the delta object.

Browser (please complete the following information):

stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.