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

integration between formly and quill

I use formly to render a reactive form with Angular material. now I try to replace a normal textarea field with quill (a text editor for angular) both formly and quill works fine separately, but the issue is with including a quill editor as a formly…
Sh eldeeb
  • 1,589
  • 3
  • 18
  • 41
2
votes
0 answers

Custom Audio Blot in Quill - Add/Remove issue

I have tried to add "AudioBlot" in ionic 4 Mobile application using the below codes and added successfully.I can do all the manipulation in the audio. When I am trying to remove(using keyboard) the audio, it won't get remove. In the html(while…
Finder
  • 8,259
  • 8
  • 39
  • 54
2
votes
1 answer

How to insert images the server instead of Base64 in angular7

I'm currently working with ngx-quill in my angular project. I try to add image with using the editor but editor upload image base64 encoding. editorText : string editorForm: FormGroup editorContent: any editorStyle = { height:…
2
votes
2 answers

ngx quill placeholder not changing when selecting new language

For a school project we are using angular v4.4.6, ng2-translate for translations and ngx-quill@1.6.0 for text editor. When I use the placeholder attribute like so:
Ben Van Daele
  • 21
  • 1
  • 3
1
vote
0 answers

Quill-Mention: Mention Dropdown does not reopen after typing some mistyped string and deleting

Below given is the code I'm trying to implement. Here, if I type my desired name, the source() function calls the renderList() and runs properly because matches is not empty. The problem arises that if I mistype (or, write a name that does not…
1
vote
0 answers

custom div and classes both are getting removed when binding it as HTML to the quill editor. Any workaround for this?

This is my sample quill editor code in Ts file i have this.htmlText = 'help.com' Quill editor code in HTML
SameerShaik
  • 488
  • 2
  • 10
  • 22
1
vote
1 answer

Quill editor angular BlotFormatter for image resize not working

I am using quill editor for angular and trying to resize image with quill-blot-formatter. It loads and shows resizable points on image corners as shown in below image, but resize of image is not working. Image loaded with resize points at…
dhaval
  • 13
  • 1
  • 3
1
vote
0 answers

ngx-quill: Handlers for Toolbar in Different Container

I'm trying to create a custom toolbar using ngx-quill in a different container, but while the toolbar looks right, I'm not sure how to make the buttons maintain default functionality. This is the editor:
dylan
  • 43
  • 1
  • 5
1
vote
1 answer

How to implement the style of Quill html output when rendering it in another app?

I'm using quill editor on our B2B and the user can customize his text, and I get back a HTML format of the text. But when I'm displaying the HTML on the B2C side I don't have the quill editor installed and I don't get all custom style, is there any…
1
vote
0 answers

Quilljs, how to wrap selected text in a div?

I would like to wrap selected text in a div in Quilljs using custom buttons. I can then give the div a padding and background so that I can highlight certain areas in the text. So in this image the selected text must be wrapped, but all elements…
Olts
  • 153
  • 1
  • 10
1
vote
1 answer

Angular - How can I append http or https to hyperlink in a Quill editor?

When adding links with the Quill editor I must include the protocol or the link is treated as a relative link. When someone adds a link without specifying any protocol I would like to append https:// by default so when a user types google.com it…
1
vote
0 answers

PrimeNG - remove image feature in all case (use button, drag-drop, paste)

I'm using PrimeNG for Angular 13 application: I don't want to enable image feature. I removed the button: public…
1
vote
1 answer

An unhandled exception occurred: ENOENT: no such file or directory, lstat 'D:\a\1\s\node_modules\quill'

ngx-quill on prod does not work anyone has an idea ? I have using "ngx-quill": "^13.4.0", it could not find quill but does work locally. It does not work on the pipeline.. An unhandled exception occurred: ENOENT: no such file or directory, lstat…
user18428280
1
vote
2 answers

Quill Editor showing something else

I'm trying to use quill editor on my application, I have followed the required steps, the quill editor is showing where needed but it's showing some bunch of shapes and boxes. This is my code below; app.module.ts import { NgModule } from…
1
vote
0 answers

angular quill dynamic config

I'm currently implementing the quill editor with quill-mention in an angular project. Quill-mention should use a specific http request from an implemented employee-service: QuillModule.forRoot({ modules: { mention: { …
dithomas01
  • 11
  • 1
1 2
3
8 9