Questions tagged [ngx-quill]

ngx-quill is an open source Angular module for the quill cross-browser Rich Text editor. You can ask questions on implementing the ngx-quill library in your angular applications and extending the functionality of the library.

ngx-quill is an open source Angular module for the cross-browser Rich Text editor.

124 questions
0
votes
1 answer

NGX-Quill not getting any content on submit

I am using "ngx-quill": "^14.3.0" with "@angular/core": "~12.2.0". Its registered in the app module: QuillModule (not for root) And in the lazy loaded module: QuillModule (not for root) public editor = { toolbar: [ [{ header: [1, 2,…
ppavlov
  • 378
  • 5
  • 14
0
votes
2 answers

Ngx-Quill lists are not showing correctly

im using ngx-quill 16.2.1 in angular 13 project. When I create a list, it is displayed correctly and the value is saved in the database. List in ngx quill But when im recovering value of database and i pass to ngx quill, list disappears. Passing…
Morelli
  • 5
  • 1
  • 3
0
votes
1 answer

Quill Text Editor Angular - insert text content without moving the cursor errors

So I am implementing a text auto-complete feature inside the Quill Editor for Angular. Currently, I have a function called autoComplete() that appends a dummy text for testing purposes to the ngModel variable for my Quill editor. I first check if…
0
votes
0 answers

Quill text editor in Angular rendering blockquote in HTML

I am trying to use Quill text editor in Angular to allow users key in blockquote text. When I retrieve the content string, it shows: sorry for using a picture as the blockquote will be rendered by Stackoverflow. Back to the topic, I try to pass…
abunehneh
  • 100
  • 1
  • 5
0
votes
2 answers

How to populate data in ngx-quill editor with formatting maintained?

I am able to create ngx-quill editor in angular. I am not able to understand how to populate the data in the editor though. quill editor returns html and well as delta object. I dont see any option on how to populate it into the editor when the next…
Aayush Bajaj
  • 1
  • 1
  • 2
0
votes
0 answers

Angular rich text editor max length validation

I need to set the max length of Angular Editor. I have tried so many ways but was not able to set the maxlength. I have tried the below…
0
votes
0 answers

Angular 12 Quill Rich Text Editor Set Content After On Init in the component?

export class EditBlogComponent implements OnInit { ... blog: Blog; ... editorStyle = { height: '400px;' }; editorConfig = { toolbar: [ ['bold', 'italic', 'underline', 'strike'], // toggled buttons …
ofcskn
  • 55
  • 1
  • 8
0
votes
1 answer

Quill Editor Color Based On Validator

Quill Editor with validation .ng-invalid {border: 2px solid red} Once validation fails will have a red border triggered by…
Jeb50
  • 6,272
  • 6
  • 49
  • 87
0
votes
0 answers

Text Editor for Angular 2.0.0

We have an application running on Angular 2.0.0. Is there a text editor npm library which gives support to Angular 2.0.0.
Lokesh
  • 51
  • 1
  • 9
0
votes
1 answer

Displaying Quill editor content with correct style

I am using the Quill editor (via ngx-quill) to give my user the ability to edit documents. When the documents are displayed I show them like this:
This works reliably, but the styling of the content of the div…
AlanObject
  • 9,613
  • 19
  • 86
  • 142
0
votes
1 answer

Angular ngx-quill editor - handle image click

I have images inserted into the editor content area and I need to handle these images clicks. I need to know what the image was clicked on. Whether is this possible, how do I do this? Just the idea. Thanks for advance!
Angry Beaver
  • 415
  • 1
  • 6
  • 18
0
votes
1 answer

Quilljs not using font elements

I have the following HTML:

This is red 3.  And this…

Julia Norman
  • 193
  • 1
  • 11
0
votes
3 answers

Quill editor inside Shadow DOM

In this example, editor is created inside Shadow Root. https://codepen.io/artemiusgreat/pen/XWMPdWG The main concern so far is that inline formatting doesn't work when initiated from Toolbar module by clicking Bold or Italic buttons on the…
Anonymous
  • 1,823
  • 2
  • 35
  • 74
0
votes
1 answer

How to open quill image uploader programmatically?

I have a two toolbar in quill. Quill toolbar Custom toolbar I need to put the image tool in the custom toolbar but the problem is that quill is only allowed the addHandler for its own toolbar so I need to open the quill image uploader…
0
votes
1 answer

Is there anyway on Angular Universal to find where the window reference error is located at?

So I have an Angular Universal project working fine. After adding quite a lot of code and some external npm libraries such as Quill I am finding now a window Reference error. I have checked all my components and in all of them when I reference…
Mateo Randwolf
  • 2,823
  • 1
  • 6
  • 17
1 2 3
8 9