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
54
votes
2 answers

How can I add a new format (
tag) to Quill.js?

I want to add a button which would add a
tag to the quill.js (beta) editor. Here the fiddle.
//here…
Suisse
  • 3,467
  • 5
  • 36
  • 59
46
votes
18 answers

Convert Quill Delta to HTML

How do I convert Deltas to pure HTML? I'm using Quill as a rich text editor, but I'm not sure how I would display the existing Deltas in a HTML context. Creating multiple Quill instances wouldn't be reasonable, but I couldn't come up with anything…
km6
  • 2,191
  • 2
  • 15
  • 18
40
votes
5 answers

How do I retrieve the contents of a Quill text editor

I am using the quill text editor in a javascript app and I need to retrieve the contents of the text editor as a string with the HTML included but the docs are a little sparse on this subject.
Top-Bot
  • 782
  • 1
  • 6
  • 21
33
votes
7 answers

How do you insert HTML into a QuillJS?

Is it possible to insert raw HTML into a Quill? I've been searching the documentation but couldn't find anything. If it's not possible, can I at least convert HTML into a Quill Delta? The reason I need this is because I am grabbing the raw HTML of…
user1993629
31
votes
1 answer

Quill Angular Error: NullInjectorError: No provider for InjectionToken config

I updated all my node modules and when quill updated, all my editors broke in my application. The error "NullInjectorError: No provider for InjectionToken config!" appeared. I Have fixed this problem! Just wanted to share with other ppl who might be…
NathanCaleWichman
  • 349
  • 3
  • 7
27
votes
3 answers

How do I create a Quill editor without a toolbar?

I would like to use Quill but not display an editor toolbar (or the "bubble" alternative). I would essentially like a text area with Quill/Parchment backing it. However, whenever I create a new Quill element, I always get the toolbar, even though I…
rockerest
  • 10,412
  • 3
  • 37
  • 67
25
votes
15 answers

How do I post contents of a Quill editor in a form?

I have what I think is a very common scenario. I would normally have this form:
Then with PHP I would capture the data from the form…
user32421
  • 689
  • 3
  • 8
  • 19
25
votes
3 answers

How to add custom font sizes to QuillJS editor

How do you add custom font sizes to the toolbar with QuillJS? I've tried two approaches: // Initiate the editor let toolbarOptions = [ ['bold', 'italic', 'underline', 'strike'], [{ 'align': [] }], [{…
Brandon
  • 3,074
  • 3
  • 27
  • 44
24
votes
6 answers

How to add font types on Quill js with toolbar options?

I have made a rich text area made with Quill js. I have the next options for the tool bar: new Quill('#quilljs-container', { modules: { toolbar: [ ['bold', 'italic', 'underline', 'strike'], // toggled buttons …
albertini07
  • 243
  • 1
  • 2
  • 8
24
votes
4 answers

How to add image in Quill JS?

I can't figure out how to get images to work like in the example on http://quilljs.com/. I tried adding to the toolbar, which adds the button, but clicking on the button does nothing and…
kidcapital
  • 5,064
  • 9
  • 46
  • 68
22
votes
3 answers

How to keep Quill from inserting blank paragraphs (`


`) before headings with a 10px top margin?

Background CSS .ql-editor h3 { margin-top: 10px !important; } HTML source (to be edited with Quill)

A Title

hello

A Heading

The JavaScript for starting Quill is: var quill = new Quill('#editor',…
GlenPeterson
  • 4,866
  • 5
  • 41
  • 49
20
votes
3 answers

How to render QuillJS rich-text output to HTML

I am a little stuck, I am working with Quill JS editor and have now got to the point where I need to render the output from the editor in a html document and possibly a PDF document (HTML is a priority) How would I render output like this: { …
Tony
  • 775
  • 2
  • 8
  • 20
20
votes
8 answers

How to read in existing data into Quill JS

I am having real trouble understanding how to work with quill... Saving the data is not a problem as that pretty straight forward :) I am a little stuck on two points How to edit the saved data in quill How to parse the saved data to create a…
Tony
  • 775
  • 2
  • 8
  • 20
19
votes
3 answers

why my css code is not working in vuejs?

I've got problem with css in VueJs. Sorry for poor description, but I have no idea what I'm doing wrong. My css in style scoped works generally fine in vuejs, I can normally address idis and classes. The problem is when I want to change for…
gileneusz
  • 1,435
  • 8
  • 30
  • 51
19
votes
3 answers

React-Quill - ERROR You most probably want `editor.getContents()` instead

When I save the form (onSubmit) I get this Error: You are passing the delta object from the onChange event back as value. You most probably want editor.getContents() instead. The rest of the script runs fine and writes everything into the database…
Bob Lorriman
  • 359
  • 1
  • 3
  • 10
1
2 3
…
80 81