PrimeNG Quill editor custom toolbar PrimeNG Quill editor custom toolbar angular angular

PrimeNG Quill editor custom toolbar


Notice the difference between your code for those two buttons:

 <button class="ql-list" title="List"></button> <button class="ql-bullet" title="Bullet"></button>

and the actual code when the editor renders. All you have to do is to replace the title attribute for the value attribute that would do the trick:

<button class="ql-list" value="ordered"></button><button class="ql-list" value="bullet"></button>

All I did was to go back on the full feature toolbar that primeng has and did right click > inspect on the html tags of the buttons that weren't displaying correctly and I got the right code to display it.