Good observation by @Otrebor regarding the version of @types/quill.
I managed to install Quill with Angular 15 using:
npm i ngx-quill@21npm i @types/quill@1
as version 22 required Angular 16, and @types/quill@2 leads to the error message regarding "Delta".
» npm install ngx-quill
quill - How to use Quilljs Editor in Angular 15 Project - Stack Overflow
Ngx-Quill
How can i render ngx-quill editor content from my database to a view component?
angular - Problems with ngx-quill installation - Stack Overflow
Videos
Good observation by @Otrebor regarding the version of @types/quill.
I managed to install Quill with Angular 15 using:
npm i ngx-quill@21npm i @types/quill@1
as version 22 required Angular 16, and @types/quill@2 leads to the error message regarding "Delta".
Have a look at this example:
https://github.com/KillerCodeMonkey/ngx-quill-example
I had the same problem (or it seems to be) and i solved it by downgrading the package @types/quill and adding:
"allowedCommonJsDependencies": ["quill"]
to my angular.json
» npm install ngx-quill-editor
Hello angular devs,
I'm using ngx-quill in my project. After 3395 characters the editor looses focus and in the console I see "addRange(): The given range isn't in document" Could anyone help me with this?
For ngx-quill you have to either use their own directive:
<quill-view [content]="content" format="text" theme="snow"></quill-view>
or innerHTML. More info here
<div class="ql-container ql-snow" style="border-width: 0;">
<div class="ql-editor" [innerHTML]="byPassedHTMLString">
</div>
</div>
I would suggest using their own directive.
Cheers
use "quill-view-html" component provided by ngx-quill editor. Add your content that you got from db in [content]="your content", check all the configaration here (go to bottom of the page).
<quill-view-html class="mobile-preview-content" [content]="post.contentPost" theme="snow" sanitize="true"></quill-view-html>
To resolve this error for [email protected] and angular 13.1.2, you need to ensure you install the correct version of @types/quill and quill
- @types/quill v1.x -> npm i types/quill@1
- quill v1.x -> npm i quill@1
Detailed installed instructions can be found here
I also got the same issue in angular 16. For me I updated to the latest version of ngx-quill and quill and I needed to install [Yesterday 6:37 PM] Bikash Shah
npm i @types/quill@1
This worked for me.