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
1
vote
1 answer

How to export editor content as image

I am using ngx-quill to create a template designer and I want to be able to export the content of the editor as an image. I can successfully export the content as HTML and PDF but couldn't find a way to export it as an image.
Saminda Peramuna
  • 735
  • 9
  • 22
1
vote
2 answers

Angular project locally work fine but When it Building it gives bellow error in Quill Editor

I'm using angular 8 + quill for my project and everything works fine in local with ng serve. but when i tried to deploy it i'm getting below issue. i look in to lot of issues and nothing work for me. update angular , Delete node_module and so…
CrazyCoder
  • 153
  • 3
  • 17
1
vote
2 answers

Data attribute for image tag in Quill

I want to add a custom data attribute to an image tag (say, data-filename="abc.jpeg"), that can store certain meta-data in Quill editor. I tried attributors in Quill, but couldn't succeed in getting the job done. Could anyone help please.
Aswin Rajeev
  • 97
  • 1
  • 10
1
vote
1 answer

ngx-quill and Quill resize module breaking Jasmine tests

I am using ngx-quill with the image-resize-module and have it working in my app import Quill from 'quill'; import ImageResize from 'quill-image-resize-module'; Quill.register('modules/imageResize', ImageResize); export class MyComponent { …
Simon245
  • 178
  • 2
  • 19
1
vote
1 answer

How do I fix this error I get whenever I try to register quill-better-table with my quill editor component in Angular 8?

I'm new to Angular and trying to set up tables in quill editor. Whenever I try to register the quill-better-table module. I face major issues. Look at my code below. import { Component , ViewChild, OnInit} from '@angular/core'; import…
Alec Aldrine Lakra
  • 355
  • 1
  • 4
  • 14
1
vote
1 answer

QuillJS color picker change inline style to classes

I am using QuillJS and library for Angular ngx-quill. I want to create custom color-picker with only four colors, and at the output get the following Some text But standard color-picker adds inline-styles to tag,…
Pavel
  • 111
  • 2
  • 12
1
vote
0 answers

Toolbar button with cordova-plugin-ionic-keyboard is existing?

I should implement a rich text editor on my hybride app (ionic 3). I'm using ngx-quill. it's working on Chrome (PC) Unfurtunatelly, this is not working on Ipad ... So i would like integrate a toolbar button above the keyboard like google doc or…
1
vote
1 answer

ngx-quill/quill.js strip custom blots from innerHTML

Title might be misguiding, however i don't know how to title it better. What i want to achieve is twitter-widget like embedding for my custom blots. For that I've created my sample "renderer" class: class TestRenderer { render(id: number, node:…
lemek
  • 799
  • 10
  • 21
1
vote
0 answers

How to add custom format button using Quill and Angular?

I want to add Quill editor with or without ngx-quill library in my Angular 7 application and customize it. How to add a custom button with a custom icon on the Quill toolbar and add logic to it? For example, this button will wrap the highlighted…
Pavel
  • 111
  • 2
  • 12
1
vote
1 answer

how to change the dropdown text in Quill?

i can change the value of the text but am unable to change the text on the drop down of the ngx-quill i tried both ways the ts way and the creation of a new container still doesn't fix my issue. went through the doc and still was unable to find a…
Coder.exe
  • 161
  • 1
  • 10
1
vote
0 answers

How to add CRUD table functionality to the toolbar (QUILL library)

I have installed ngx-quill, quill with npm install. i was wondering how to add table functionality to the toolbar like this code pen https://codepen.io/quill/pen/QxypzX but would appreciate if i can add this functionality as a drop down list i have…
Coder.exe
  • 161
  • 1
  • 10
1
vote
1 answer

i have Imported installed quill but the issue with user interface

Well I followed the example https://www.youtube.com/watch?v=Sh3_k_QPGzw I don't get the Quill tool bar as shown in the any of the examples
Coder.exe
  • 161
  • 1
  • 10
1
vote
4 answers

Unable to set the height for ngx-quill editor using angular flex layout

Unable to set the height for ngx-quill editor using angular flex layout. The height of the editor (grey border) is overflowing the parent div (background in red). stackblitz How to make sure the editor stays inside the parent div?
Nithin Kumar Biliya
  • 2,763
  • 3
  • 34
  • 54
1
vote
1 answer

ngx-quill can't display dropdown label

I create a custom dropdown menu in quill. I use Parchment var Parchment = Quill.import('parchment'); var lineHeightConfig = { scope: Parchment.Scope.INLINE, whitelist: [ '1.0', '5.0', '10.0' ] }; …
lil-works
  • 640
  • 2
  • 10
  • 19
0
votes
0 answers

Struggling when Changing the default Quilljs tooltip by an alert and how to affect HTML tags when I write Quillsjs on real Senario

Hi I m trying to change the default tooltip related to the link tag by a popup, so I started with an alert and then I will replace it With the Popup later. I managed to show the alert when I click on tag if it is already provided by default in…
1 2 3
8 9