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
React Quill Jest Change Text Value
I have a form with React Quill Text Editor. On submit I read the values from it. I wrote a unit test, to write something and check if the correct values are being sent. It goes like this.
const updatedText = "New updated text(November)";
…
Missak Boyajian
- 1,965
- 7
- 32
- 59
0
votes
1 answer
ReactQuill (rich text) - Error: React.Children.only expected to receive a single React element child - React
I have a form and I replaced the textarea with ReactQuill based on this tutorial (https://www.youtube.com/watch?v=DjEANvaZFv0&feature=youtu.be) to get Rich Text. However once I did it, I got an error saying 'Error: React.Children.only expected to…
cldev
- 671
- 8
- 18
0
votes
1 answer
How is the Quill.js link format implemented？
I can click an exist link and it will pop over a prompt, but I can not find the source code about how it's implemented
see the image display
it's not in https://github.com/quilljs/quill/blob/develop/formats/link.js
Version: 1.3.7
Mai
- 3
- 2
0
votes
1 answer
React Quill custom image handler not working
Can someone help me to find out what is the issue in the code. I have created a custom image upload option but for some reason the variable "quillReact" is coming null when quillImageCallback function is invoked. I am using react-hooks. The image is…
Tanuj
- 53
- 1
- 8
0
votes
0 answers
Where can I find the css for different styles in react-quill
I am new to UI, so please bear with me. I am trying to use react-quill and in it I can see that when we make a custom toolbar we have to use different style for different buttons. One of those styles for example is "ql-bold".
An example codepen :…
ffs
- 97
- 2
- 8
0
votes
1 answer
How to add className="" & custom tag in react-quill Hooks?
how to add custom className and Custom Tag in react-quill using react-hooks ?
import React from 'react'
import ReactQuill,{Quill} from 'react-quill'
import 'quill/dist/quill.snow.css'
function MyEditor() {
class ShadowBlot {
static…
Rudra Joshi
- 1
- 1
0
votes
1 answer
Support for the experimental syntax 'moduleAttributes' isn't currently enabled
Haven't yet found an experimental syntax solution for 'moduleAttributes', although I've seen many for others like 'classProperties'
Error:
./components/crud/CreateBlog.js:10:70
Syntax error: Support for the experimental syntax 'moduleAttributes'…
Matthew Wolman
- 645
- 9
- 18
0
votes
0 answers
React-quill editor with socket.io creates infinite loop
Context: I'm trying to create a live editor. So that multiple users can see the changes live.
As an editor, I'm using react-quill. And for emitting data, I'm using socket.
Idea:
While editing from the client emits the changes.
Socket server will…
LogicalAnt
- 907
- 3
- 12
- 28
0
votes
1 answer
Pass props to react-quill handler
I have modeled a custom toolbar that inserts text at the cursor position using this following codepen:
https://codepen.io/alexkrolick/pen/gmroPj?editors=0010
However, I need to be able to pass a prop value to the insertText function. I have tried…
Rigs
- 163
- 2
- 3
- 12
0
votes
0 answers
ReactQuill - how to zero out body after form submission?
The following code does not use ReactQuill and it works as expected. The form has a title and a body. The data is stored and submitted.
import React, { useState, useLayoutEffect } from "react";
import ReactDOM from "react-dom";
import ReactQuill…
William
- 4,422
- 17
- 55
- 108
0
votes
1 answer
Issue importing an interface from ReactQuill namespace
ReactQuill types file for the reference: https://github.com/zenoamaro/react-quill/blob/v1.3.3/types.d.ts
edtsech
- 1,167
- 2
- 11
- 17
0
votes
1 answer
How to render HTML from a prop coming from MongoDB
I can't make my prop render in HTML. I'm making an app for a Christian ministry and I want to be able to post like a blog, I got quill working but I can't show the results rendered, is showing pure HTML.
I'v been trying to follow the rules of…
Norman Pleitez
- 313
- 2
- 15
0
votes
1 answer
React Quill images uploaded are pixelated
What's happening: I'm using react-quill as a text editor and it works well, except when I upload an image via my backend, it renders blurry/pixelated on my frontend.
Expected: Renders with equal quality from backend to frontend.
The following are…
bs.gk
- 41
- 8
-3
votes
0 answers
When i use the clipboard attribute, it will report error
I want to use clipboard attribute to upload image to server.
enter image description here
enter image description here
This is my react-quill version
enter image description here
And my node version is v18.16.0
How to solve this problem?
