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
2
votes
3 answers
React Quill js. How to console log on change handler?
I'm currently creating a blog dashboard, I'm beginner on web dev. and for the editor I'm using the React quill..
in the documentation there is a tutorial with on change handler. but it just console log "text change", and I'm trying to change the…
Tristianto Raflesia
- 83
- 7
2
votes
2 answers
Contentful SDK, React functional components, typescript and react-quill - unable to access quill history?
I am trying to change the undo/redo behaviour of react-quill when implemented as a Field modification to Contentful's SDK. The implementation is described by the template at…
Rob R
- 31
- 3
2
votes
0 answers
Add table to Quill editor
How can we add table to React-Quill text editor using quill-better-table . Can someone provide existing codepen for same if availablere or changes need in react-Quill to allow us to add table .
AMARISH KUMAR
- 31
- 4
2
votes
2 answers
how to access props in react quill image handler
i am using react quill editor for my project and using my backend server to image upload but i need to access props inside the image handler of react quill and i am unable to do so as not able to access this object inside image handler.
here is my…
punit das
- 119
- 3
- 9
2
votes
1 answer
Is it possible to add style to default tag in Quill?
My objective is to create a button in toolbar that add style to the default
tag where the cursor is. For example: From
Example
toExample
without nested format? Now, my workaround is using a new custom blots…
sumet123
- 21
- 1
2
votes
0 answers
Directly entering HTML markup in react-quill editor
This is more like a doubt. I was trying to add HTML markup text directly into the editor, then It was getting converted to a text with escaped sequences. Could someone please help me if there is any way to keep it as it is.
Example:
Input:…
algo_user
- 196
- 8
2
votes
1 answer
ReactQuill - How to style placeholder attribute?
I want to style the text assigned to the placeholder attribute and make its font size larger. How do I do this with ReactQuill?
William
- 4,422
- 17
- 55
- 108
1
vote
1 answer
Can't build a Next 13 app with react-quill
I have a NextJS app that uses react-quill as a rich text editor library.
Everything went fine importing the library dynamically avoiding SSR issues, but since I upgraded to Next 13 I don't manage to get it to work.
I get the following error in the…
Matteo Carpi
- 522
- 6
- 23
1
vote
0 answers
React-Quill: How can I prevent the quillJS format from automatically being applied when new characters are typed?
I am loading an html string that represents the editor contents from my database. I want to underline/bold specific words in that string:
ex. one two three four five
I've figured out how to apply formatting to these specific words using formatText…
Jack
- 128
- 1
- 9
1
vote
0 answers
Custom format to link react-quill
I am trying to create a custom format for links in react-quill. I will attach the working code at the link.
class LinkBlot extends Inline {
static create(value) {
let node = super.create();
node.setAttribute("href", value);
if…
qwerty
- 205
- 2
- 10
1
vote
0 answers
How to access ref in React-Quill dynamically import
tried this
type Editor = ReactQuillProps & {
forwardedRef?: React.ForwardedRef;
};
const ReactQuill = dynamic(
async () => {
const { default: RQ } = await import("react-quill");
// eslint-disable-next-line react/display-name
…
rainz
- 81
- 1
- 8
1
vote
0 answers
Automatic syntax highlighting of entire Quill body without code-block/
I have a React app in which there are a couple areas where users need to edit rich text bodies that can include merge field tokens in certain formats.
(There are two: one is the <<[ ]>> LINQ Reporting Engine syntax from Aspose.Words, and the other…
Grank
- 5,242
- 7
- 33
- 36
1
vote
2 answers
react-quill component disappears when I start Typing in it or in any other input field
I have a react app where I am using Quill editor to create a post. The editor completely disappears whenever I start typing on any of the fields including the quill editor.
Here's my code:
import React, { useState } from 'react';
import ReactQuill…
RM14
- 11
- 2
1
vote
0 answers
React Quill - social media link to embed media on rich text editor
I want the react quill rich text editor able to convert link into social media, like this
link: https://www.tiktok.com/@epicgardening/video/7055411162212633903
My RTE Code
import { useCallback, useMemo, useEffect } from 'react';
import ImageResize…
Arian Nurrahman
- 11
- 2
1
vote
0 answers
How to get quill-image-resize to work when quill 'value' is passed in from parent component as a prop
I am currently using React Quill to create a template creator/editor, and used the Quill-Image-Resize-Module for resizing of images. It was working up until the point that I needed to hoist [HTML, setHTML] to the parent component - now they are…
HubertBlu
- 747
- 1
- 7
- 20