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

Positioning the caret in a contenteditable with large line-height in Chrome

Chrome on macOS and Chromium on Linux don’t sensibly position the caret when clicking inside an editable area for larger line heights. In this example, we set a value for line-height for elements. Leaving it off and inheriting from the parent…
ccprog
  • 20,308
  • 4
  • 27
  • 44
12
votes
2 answers

Implement custom editor for Quill blot

I'm trying to customize the Quill editor for my needs. I managed to implement and insert custom blots, as described in https://quilljs.com/guides/cloning-medium-with-parchment/ But I need to edit data, which is attached to my blots, like the URL of…
Achim
  • 15,415
  • 15
  • 80
  • 144
12
votes
1 answer

How to add a non editable tag to content in Quill editor

I want to add a couple of pre-built labels like
Label Text x
to the html content in the quill editor. Add such a tag should not be a problem in itself. However I don't want the user to be able to edit the text…
pravin
  • 1,106
  • 1
  • 18
  • 27
12
votes
2 answers

Dynamically change Quill placeholder

I know that on instantiation of a Quill editor, there is a placeholder option. Is there a way that I can change this placeholder dynamically after the editor is instantiated?
lastmjs
  • 924
  • 3
  • 11
  • 22
11
votes
2 answers

Make QuillJS editor height 100%

In the below application I want Quill editor to fill the existing space within header and footer. I tried making it 100% but that adds a scroll to the whole page. How to make Quill to fill the space at the same time to adapt screen size. (If the…
s1n7ax
  • 2,750
  • 6
  • 24
  • 53
11
votes
4 answers

Quill error: 'quill Invalid Quill container'

I'm using angular 4 and a quill editor. but I get an error of quill Invalid Quill container. I change the name of the container but it still returns the error and cannot identify the container id. I create my quill object in ngOninit but it's not…
fariba.j
  • 1,737
  • 7
  • 23
  • 42
11
votes
6 answers

PrimeNg Error: Quill is not defined

I am trying to use the editor control in primeng: https://www.primefaces.org/primeng/#/editor But I am getting the error: ERROR ReferenceError: Quill is not defined at…
Guerrilla
  • 13,375
  • 31
  • 109
  • 210
10
votes
0 answers

Creating a multiline blockquote with quill

I'm not sure where to start with this. The documentation is a little opaque, and I haven't really been able to find good examples. Basically I want to be able to have a multiline blockquote. The way blockquote works now in quill is that each line…
Mike Kodiak
  • 161
  • 1
  • 7
10
votes
2 answers

Quill Editor - Focus

Whenever I create another instance of the editor (in my case, through an onkeypress event), I lose focus on the editor I was typing on when the new editor is created. How can I prevent all editors from losing focus on any event?
jj008
  • 1,033
  • 3
  • 23
  • 48
10
votes
6 answers

How can i set character limit in quill editor

I am using Quill Editor in angular 2, and want to limit the user to enter maximum 1000 char.
Niraj Bharti
  • 101
  • 1
  • 1
  • 3
10
votes
6 answers

Quill link handler not working

I'm trying to write a custom handler for the link input value. In case the user inputs a link that does not have a custom protocol, I wish to prepend a http: before the input value. That's because if link value lacks http:, link is not interpreted…
Gaurang Tandon
  • 6,504
  • 11
  • 47
  • 84
10
votes
4 answers

Quill themes not working

I'm a happy amateur trying to build my own website, and thought I'd use Quill as a nice texteditor for articles and stuff. When going through the starting example, it simply doesn't work.
user2620460
  • 168
  • 1
  • 1
  • 9
10
votes
5 answers

How to paste plain text in a Quill-based editor

Quill (https://quilljs.com/) makes it simple to embed a quality text editor in a web page. When pasting html content in the editor, it filters the pasted html and then puts it into the text editor. My question is: How can I configure Quill so it…
teusbenschop
  • 596
  • 2
  • 6
  • 16
10
votes
4 answers

Can quill limit the size of upload image?

As the image is large, the response is slow, so must limit! How to do it? thanks! var editor = new Quill('#postContent', { modules: { toolbar: '#toolbar-container' }, theme: 'snow', //placeholder: '不超过3000字...', });
willchow
  • 111
  • 1
  • 1
  • 6
9
votes
5 answers

React-Quill - addRange(): The given range isn't in document

I am trying to make a simple blog using React-Quill text editor. I want to get the value of the ReactQuill Editor and preview it on a different route. I've been trying to achieve this since quite a while now and each time I face the same issue, the…
Amogh Dixit
  • 207
  • 1
  • 3
  • 10
1 2
3
80 81