Questions tagged [react-quill]
86 questions
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…
![](../../users/profiles/3111913.webp)
unreleased
- 720
- 1
- 9
- 21
0
votes
1 answer
React quill custom image handler module causing typing issues with the editor
I am using React Quill as the text editor. This works fine until I add the custom image handler. If I add the image handler as below, I can't type into the editor. Typing lose focus on every single keypress.
const modules = {
toolbar: {
…
![](../../users/profiles/4691230.webp)
TheCoder
- 2,157
- 2
- 25
- 57
0
votes
0 answers
how do you paste only plain text on react-quill?
I using React quill as a custom text editor in my web application and I cannot figure out how to make it only paste plain text when users try to paste. Formatting causes a lot of issues with my code.
How can i override the paste event and access…
![](../../users/profiles/9147159.webp)
Tadewos Bellete
- 15
- 6
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…
![](../../users/profiles/7886627.webp)
Rigs
- 153
- 1
- 3
- 10
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…
![](../../users/profiles/1152980.webp)
William
- 3,608
- 11
- 41
- 85
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
![](../../users/profiles/291209.webp)
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…
![](../../users/profiles/7355991.webp)
Norman at Plitz7
- 81
- 8
0
votes
2 answers
I am not able to paste text in React-Quill Editor on Safari
I am not able to PASTE text on React-Quill Editor on Safari(Only) While I am able to COPY , CUT, REDO and UNDO the text using shortcut keys.
![](../../users/profiles/10831355.webp)
Yatin Sharma
- 1
- 1
0
votes
2 answers
React-Quill with Formik is not updating props
I am using Formik and React-Quill in my form,
The value seems to be updating when i use but when i plug-in it's not.
Is there something wrong with the setup?
![](../../users/profiles/8707637.webp)
Nithin
- 1,127
- 1
- 11
- 36
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…
![](../../users/profiles/11162479.webp)
bs.gk
- 41
- 6
-1
votes
0 answers
I want to make Wikipedia Like Links Pop up in React Quill
I want to replicate the Functionality of Wikipedia Links for my client. I am currently using React quill to post an article. Please give me suggestions that how can I achieve this in Javascript.
![](../../users/profiles/8343086.webp)
Hamza Awan
- 1
- 1