Stack Overflow
Stack Overflow

Questions tagged [quill]

Quill is a cross-browser rich text editor. It features a complete API allowing granular access and manipulation to the editor and its contents.

Quill is a cross-browser rich text editor. It features a complete JavaScript API allowing granular access and manipulation to the editor and its contents.

Resources

1202 questions
18
votes
1 answer

Emulate document pages in Quill js editor

I would like to achieve the effect of the multipage document in Quill editor. What I mean by that is, after text will reach the certain amount of max pixels height (some equivalent of 300dpi)it will create page break/or jump to next page (container…
Wojciech Jeleń
  • 389
  • 2
  • 11
17
votes
2 answers

Node: Uncaught TypeError: moduleClass is not a constructor

I want to import handler in quill. But i am still getting this error Uncaught TypeError: moduleClass is not a constructor This is how function with quill works import Quill from 'quill'; // IMAGE HANDLER const imageHandler = () => { const…
user9817924
17
votes
2 answers

How can I initialize table in quill js 2.0.?

How can I initialize table in quill js 2.0.? I've tried by using table keyword in toolbar it shows table icon but I could not create the table.
Agustine Raj
  • 171
  • 1
  • 1
  • 5
17
votes
10 answers

How do I display the content of React Quill without the html markup?

I managed to get my Quill working, but now I wanted to make a nice splitscreen as we have on this forum but one thing I haven't been able to figure out is how to convert the input of Quill to nice text on the preview side. I'm able to display the…
Deelux
  • 1,045
  • 2
  • 12
  • 26
16
votes
3 answers

How to create a button that adds a string with HTML tags and classes?

Based on this link, I tried to add a new button, which allows me to have a string inserted at cursor position. It works so far, however I had to change this line: this.quill.insertText(cursorPosition,…
noClue
  • 958
  • 1
  • 13
  • 34
16
votes
3 answers

Get HTML from Delta on Quill

I am trying to get HTML code from delta on Quill. This is my code
Pryda
  • 899
  • 5
  • 14
  • 37
16
votes
3 answers

How do I add "show html" button in Quill like in Wysiwyg?

I recently found out about Quill text editor and since I am playing with new stuff in php and javascript I decided to use it in my app instead of Wysiwyg. Quill documentation is really minimalistic though. How do I add a button that allows user to…
Michal
  • 4,952
  • 8
  • 30
  • 63
16
votes
4 answers

Inserting Text At Cursor Location With Quill.js

I am trying to add a custom piece of functionality ("module") to quill.js and cannot seem to do it. Here is what I need: If want to add a button that inserts a template replacement variable... say something like {{company}} at the location of the…
josephmisiti
  • 9,862
  • 11
  • 56
  • 72
15
votes
3 answers

Integrating Quill text editor in an Angular application

I am learning how to create blogging websites. I tried a simple example first. But the text editor is not showing up on my screen. I installed Quill with npm install --save quill@1.3.6 ngx-quill command. My app.component.html is very simple.
Tanzeel
  • 4,174
  • 13
  • 57
  • 110
15
votes
7 answers

Import CSS File to Styled Component

Is there a way to import a CSS file into a styled component? One of my dependencies, React Quill Editor, is themeable by importing their CSS as a base and applying changes on top of it. All of my components are styled components, and I'd like to…
dankez
  • 345
  • 2
  • 5
  • 16
14
votes
2 answers

PrimeNG Quill editor custom toolbar

I want to make a custom toolbar of quill editor with PrimeNG. I am using Angular 2. Here is what I did in my html code : …
anais1477
  • 466
  • 1
  • 17
  • 36
14
votes
1 answer

How to make non selectable embed custom format in quilljs

I would like to create a custom embed format which can be styled but it's text cannot be changed. My use case is pretty similar to the hashtag case. I want to have an external button that will add an hashtag to the current selected range on the…
emanuelbsilva
  • 252
  • 3
  • 10
14
votes
2 answers

Is it possible to create a custom format/blot with complex substructure?

I'm investigating the use of Quill for a project, and I need to know if it's possible to create a custom format/blot with more complexity than a single element and a single parameter. An example of one of the layouts I want would be:
Stephen Cohen
  • 370
  • 1
  • 2
  • 12
14
votes
7 answers

How can I disable the Quill editor

I have a a template which displays rich text data. When the user clicks edit I turn the template into an editable Quill editor like so: 'click #editNote': (e, t) -> note = t.find '.container' console.log note basicEditor = new…
Nearpoint
  • 7,202
  • 13
  • 46
  • 74
13
votes
5 answers

QuillJS doesn't work with textarea

I am trying to use QuillJS on a specific form field in my Django 1.10 template as follows: