A Quill component for React.
react-quill is a plugin that creates components for the quill text editor for use with Facebook's reactjs library.
Resources
Github repository
QuillJS
Questions tagged [react-quill]
239 questions
4
votes
2 answers
How to use quill-better-table inside react-quill
I am trying to insert a table into react-quill using the quill-better-table library. I notice that a related plain js example here: https://codepen.io/soccerloway/pen/WWJowj uses the function quill.getModule('better-table') to get the module and…
dimlee
- 452
- 1
- 10
- 22
4
votes
3 answers
How to change default Heading names in QuillJS (react-js)?
I have my Quill text editor set up like this in the constructor:
this.modules = {
toolbar: {
container: [
...
[{ 'header': [1, 2, false], 3 }],
...]
}
…
Page COW
- 515
- 13
- 31
4
votes
0 answers
Why not work react-quill getEditor of null
I am creating a reactivejs application in Project with content edited with React Quill. My application allows you to add getEditor (). My problem is that it does not work
Help me, i'm deaf... I do not know, I'll explain...
"Ref" and "getEditor()" do…
3
votes
1 answer
Why isn't the spacebar working in react-quill
I've setup react-quill in my React app, but for some reason the spacebar isn't working.
import React from 'react'
import ReactQuill from 'react-quill'
import 'react-quill/dist/quill.snow.css'
const modules = {
toolbar: [
['bold',…
willmahoney
- 371
- 1
- 2
- 9
3
votes
1 answer
How to create custom tooltip in React Quill Editor?
I'm integrating a custom toolbar that has the link action
When user want to add a link to specific text, I want to override the tooltip behavior of Quill editor from default UI
to a UI like this
I've been searching for the solution and found that…
Suong Liang
- 75
- 6
3
votes
0 answers
How to embed a document into quill js editor?
I want to embed a document inside the quill editor. To illustrate, a user can click a custom document icon on the quill toolbar. When the user clicks the custom document icon, a file picker opens up. Then the user can select a file from a file…
DevLaka
- 193
- 3
- 13
3
votes
2 answers
how to add custom icon in quill toolbar
I am using quill in my react native app as a text editor. I want to add a custom toolbar icon in the quill toolbar, any solution? my code is:
quill.html
Shivam
- 2,147
- 1
- 11
- 28
3
votes
4 answers
code block not displaying when previewing in react-quill
In this code, I am trying to insert a code block using react-quilljs
import React, { useState } from 'react';
import hljs from 'highlight.js';
import { useQuill } from 'react-quilljs';
import 'quill/dist/quill.snow.css'; // Add css for snow…
BlackMath
- 932
- 7
- 24
3
votes
2 answers
install quilljs-markdown on react
I need such an editor on react https://cloverhearts.github.io/quilljs-markdown/ , as you can see in it you can put markdown characters directly into the text.
when I do this
import React, { Component } from 'react'
import './App.css'
import…
Стас Рябцев
- 1,318
- 4
- 19
- 36
3
votes
2 answers
react-quill breaking down initially passed wrapped elements into separate elements
I am passing the initial state to quill editor is something like this
3
votes
2 answers
Quill - Mention not inserting mention value in Quill JS editor content (Using React Quill)
I'm implementing Quill-Mention in Quill JS, using React Quill but I can't manage to update editor content when clicking an item from the list.
I can properly render the list when clicking the right symbol and it shows data accordingly. But, when I…
raw-rbt
- 63
- 1
- 4
3
votes
0 answers
Is there a way to send image & pdf document as an attachment in react-quill?
In react-quill, uploaded images are expanded in the mail. Is there a way to attach image & pdf document as an attachment in react-quill?
Is there any other text-editor that meets my requirements in react js.
RB19
- 169
- 2
- 10
3
votes
1 answer
How to add custom font sizes in React-quill
I want to add custom size and respective names to the Font size dropdown provided in react-quill library.
I was able to do it with Quilljs but after importing the Quill from "react-quill", not able to figure out where to add registered SizeStyle.
I…
Fear
- 81
- 1
- 1
- 6
2
votes
0 answers
import 'react-quill/dist/quill.snow.css' is not working
The terminal will no longer display the product and instead says this:-
Failed to compile.
./src/components/Post.js
Module not found: Can't resolve 'react-quill/dist/quill.snow.css' in…
Daksh Singhal
- 21
- 1
2
votes
1 answer
React-Quill does not preserve HTML response and dictates its own tags - Messes up the layout
EDIT: We replaced Quill with TinyMCE and solved all our issues. We can successfully insert HTML response (as is) into tinyMCE's state as well as modify it!
We're experiencing a styling issue. We're building a mail templating
application and the user…
emre-ozgun
- 676
- 1
- 7
- 17