search

vueup / vue-quill

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

VueJs toolbar options not supported to send values #170

Closed SreekanthDS closed 2 years ago

SreekanthDS commented 2 years ago

Version @vueup/vue-quill version [e.g. 1.0.0-beta.5]

Describe the bug I am trying to have the following options: 'Bold', 'Italics', 'Underline' and 'Bullet List. The problem comes when I am initializing the toolbar, which is about to sent as a prop to the QuillEditor. The problem is, I am not able to see the icon of bullet list. When I used the element tracker in chrome to find out what is happening to the HTML element of the button, I found out that the class name is 'ql-list' and the value property is 'bullet' for bullet list and 'ordered' for a numbered list. The prop I am sending takes only the className and there is no way to send the value or I am not able to find a way in the documentation. I have given the screenshots below and explained a little bit more in detail.

Problem Screenshot quill1

In the above picture, you can see the button is implemented but the icon is hidden. The functionality is working, but the visual representation of the button is not present.

Furthermore, to see what's wrong, I checked the HTML element's class to see what is happening there and found out this. quill2

if you see the highlighted parts, the list type is decided based on the value and I cannot find a way to send the value in the VueJs documentation.

Please Help!

stale[bot] commented 2 years 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.