search

KillerCodeMonkey / ngx-quill

Angular (>=2) components for the Quill Rich Text Editor
MIT License
1.79k stars 262 forks source link

On setting toolbar as false getting distorted editor #1871

Closed ktrz290 closed 5 months ago

ktrz290 commented 5 months ago

this.modules = { toolbar: false, mention: { allowedChars: /^.*$/, mentionDenotationChars: this.mentionDenotationChars, showDenotationChar: false, spaceAfterInsert: true, ...... } The above is my modules configuration. When I do toolbar as false since I just want the simple editor it is breaking and not working as expected. In the previous version it is working as expected. And also if toolbar is set as true it is working as expected.

Can somebody please help? Has the configuration changed and do I need to do anything differently to achieve an editor without a toolbar? Any suggestions will be of great help.

Expected behaviour: Setting toolbar as false should give an editor without toolbar options.

expected

Actual behavior: Setting toolbar as false gives a distorted editor.

toolbar false

Platforms: Chrome, Windows, quill version 2.0.2, ngx-quill version 26.0.2

KillerCodeMonkey commented 5 months ago

since mention plugin is now quill 2.0 compatible i readded it to my example repo.

https://killercodemonkey.github.io/ngx-quill-example/#mention

with no toolbar and there are no problems there.

KillerCodeMonkey commented 5 months ago

maybe you just need to add a default width of the editor container.