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
3
votes
1 answer

Why does Quill filter its content?

When I use QuillJs to edit an existing HTML document, it removes the comments, indentations etc of the original HTML. Is there anyway to prevent this?
Aswin Rajeev
  • 97
  • 1
  • 10
3
votes
1 answer

Cursor position in quill Editor

I am using Angular 7 with quill editor. Use case: I have quill editor and need to append some text on double click on any button, getting the value of double click but not able to get the cursor position inside the quill editor. I tried with …
Rakesh Singh
  • 211
  • 1
  • 5
  • 15
3
votes
1 answer

ngx-quill / quill.js custom blot manipulation

I've managed to set up ngx-quill in angular 7 and I would need to create a custom text blot which would look as follows (simplified): ... /*** Custom blot: [its editable text content] ***/ ... I have to be able to do the following: set its…
slashpm
  • 214
  • 2
  • 9
3
votes
5 answers

QuillJS merges subsequent p tags into one with Angular 7 + ngx-quill

I just integrated quilljs into my app. The one problem that I am facing right now some weird behavior with p tags. as an example, in my component I am setting up reactive form: this.fullDocumentFormGroup = new FormGroup({ fullDocument: new…
Shurik Agulyansky
  • 2,607
  • 2
  • 34
  • 76
3
votes
2 answers

How can I add html tag to the content div of Quill text editor in Angular?

I have a form with quill text editor. I have an image gallery in a modal, which is filled with my images, and I would like that, if I select an…
Zsolt Üveges
  • 31
  • 1
  • 6
2
votes
3 answers

How to use Quilljs Editor in Angular 15 Project

I have trouble integrating a quilljs editor in my angular 15 web project. I firstly installed the dependencies with the following commands, which worked fine: npm install ngx-quill@latest npm install quill --save I tried importing it in my…
EndrIT
  • 65
  • 9
2
votes
0 answers

ngx-quill-upload uploading image but the image disappears from the editor too

I'm using ngx-quill to create a rich-text-editor. Due to the document limits firebase sets I had to find a way to upload my images to the firebase storage and then get back the embedded url. I'm using the ngx-quill-upload package for that. But I…
Kotai
  • 121
  • 1
  • 7
2
votes
0 answers

Jest test failing because of missing dynamic import in angular 10 when testing component with quill editor in it

I am writting test for an angular component and I get the following error: Uncaught (in promise): TypeError [ERR_VM_DYNAMIC_IMPORT_CALLBACK_MISSING]: A dynamic import callback was not specified. TypeError [ERR_VM_DYNAMIC_IMPORT_CALLBACK_MISSING]: A…
Drywock
  • 21
  • 1
2
votes
1 answer

ngx-quill tests fail when using Angular 10.2 with Jest after upgrade

Upgrading from Angular 9.x to Angular 10.x all the specs of components using the component quill-editor from ngx-quill fail to load. This is produced by the standard angular test: it('should create', () => { …
The Fabio
  • 5,369
  • 1
  • 25
  • 55
2
votes
1 answer

How to get quill instance within Embed blot extension?

I'm using Angular and ngx-quill. I have a custom toolbar button that will insert text with certain attributes. I want to select that text when it is clicked. Here's what I have so far: export class InsertDemographic extends Embed { static…
Jake Zeitz
  • 2,429
  • 3
  • 23
  • 43
2
votes
1 answer

Add custom button in footer ngx-quill

Is there a way in quill config that i can format the editor as below ? I know i can add a custom toolbar, but is there a way that i can have a button in the footer of the editor ?
user2327579
  • 449
  • 9
  • 24
2
votes
0 answers

ngx-quill image doesn't render after upload on server

i have tried to implement image upload like in this example for ngx-quill editor: https://github.com/KillerCodeMonkey/ngx-quill/issues/89#issuecomment-542907588 It uploads the image, all is good. But for some reasons, the image doesn't insert in the…
ConstantinEx
  • 160
  • 3
  • 16
2
votes
0 answers

ngx-quill: Unable to create a custom list blot

In short: I am trying to create a custom list blot to show a letter list in ngx-quill. What I have done so far: I created a custom list blot by coping and pasting from "https://github.com/quilljs/quill/blob/develop/formats/list.js" and…
2
votes
0 answers

ngx-quill error while aot building in angular 8

I am using ngx-quill to add quill editor in my angular application. Here is the configuration app.module.ts import { QuillModule } from 'ngx-quill'; @NgModule({ imports:[ QuillModule.forRoot() ] }) This works fine when i compile my…
Chandan S
  • 143
  • 9
2
votes
1 answer

Getting "No provider for NgControl" error in Ionic 4

I have added Quilljs editor on my page. I am trying to fetch the valve of the content. I am following a video on YouTube called "Using Quill JS Text Editor With Angular 7". I have done everything as shown but I am getting this error: ERROR Error:…
user2828442
  • 2,415
  • 7
  • 57
  • 105
1
2
3
8 9