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
0
votes
1 answer
Quill keyboard shortcuts documentation
There seems to be missing documentation around what are the specific keyboard shortcuts provided by default for the quill library.
From testing I know that "Shift + Tab" can be used to navigate between elements and the toolbar but I cannot find a…
0
votes
0 answers
Quill rich text editor bold option not working with quill-mentions
My Quill text after tagging is not getting bold even though the Bold option is selected. I am using quill-mentions for tagging operation.
import QuillMention from "quill-mention";
This is the sample that I am getting:
Hi
Sahil
0
votes
0 answers
react quill img width
"}
formats={formats}
onChange={onContentsChange}
/>
In this case, "alt" and "width"…
devrobot
- 39
- 3
0
votes
1 answer
quill-image-resize-module importing error
I am using react-quill Editor in my react app, where I need to resize the image in the editor there for I am using "quill-image-resize-module" yarn package but when I import this package in the JS file, It's giving me an error "Could not find a…
Abu Sufian
- 9
- 2
0
votes
0 answers
React Quill supported image file formats
I am trying to validate a message that a user creates using react quill from my express server, but I am not sure what file formats react quill supports.
Currently, my code checks all the images for these image extensions:
const…
0
votes
1 answer
javascript in the value in react-quill/react-quill-with-table
It seems like, by default content is sanitized in react-quill/react-quill-with-table, So if there is java script in the value then quill is replacing it by
tag. Below is part of the code: import Quill from 'quill'; import ReactQuill from…
moh sajid khan
- 61
- 1
- 5
0
votes
1 answer
How to make "Normal" heading working "as expected" in cutom toolbar
I try to cutomize Heading labels
I used a custom toolbar like this :
const CustomToolbar = () => (
0
votes
0 answers
Issue Cannot read properties of undefined (reading 'name') [React Quill + React Hooks Form + NextJS]
Im using react quill on a nextJS project with React Hooks Form, when I edit something and I leave the component it is throwing an exception:
My Input component:
Matheus Bento
- 41
- 4
0
votes
1 answer
react-quill image handler not rendering
import ReactQuill from "react-quill";
import Quill from "quill";
import "react-quill/dist/quill.snow.css";
const AddPrice = () => {
const quillRef = useRef(null);
const [body, setBody] = useState("");
const toolbarOptions = {
toolbar: {
…
lucajjz
- 1
- 2
0
votes
0 answers
Cannot get ref to dynamically imported React Quill in Next Typescript
const ReactQuillI = dynamic(() =\> import("react-quill"), {
ssr: false,
});
const QuillNoSSRWrapper = forwardRef((props, ref) =\> (
\
));\
I am trying to import React Quill dynamically with a…
PoPLiN
- 1
0
votes
0 answers
could you know me way to use both imageHandler and imageResize at react-quill in react?
I don't know why this code didn't works. When I deleted image handler, I able to resize the image. But when I use both image handler and imageResize, It's not works...
I want to use image handler and imageResize together.
But this code isn't…
byungju
- 69
- 1
- 5
0
votes
0 answers
Quill editor: removes / resets the input value when it starts with number list
I was trying out the Quill.js editor through their playground but I noticed a weird issue when trying to type a number list, it automatically apply a tab and resets the number to 1. when no previous text is added. And when you hit enter without…
fmsthird
- 1,745
- 2
- 17
- 34
0
votes
0 answers
Special character is converted to ? in React Quill Editor
I am trying to add special character like ∑, Ω or ∞ in React quill editor. But during saving the content inside DB, these special character converted to ? character.
For your reference I am using below version:
"react-quill": "^2.0.0"
I have used…
Deepak Kumar Patel
- 14
- 2
0
votes
0 answers
How to write the second value of custom operators array in Mathquill Editor
i'm building graphical math formula editor using react quill-editor-math and i want to know How to write the second value of custom operators array in mathquill4quill Editor the first value is just normal latex but i can't figure out the second…
Aman
- 11
- 4
0
votes
1 answer
React Quill - formatText function is not working
changeHeader = (h = false) => {
this.editor.focus();
let selection = this.editor.getSelection();
let value;
switch (h) {
case "Heading 01":
value = 1;
break;
case "Heading 02":
value = 2;
break;
…
SmriG6
- 58
- 6