Stack Overflow
Stack Overflow

Questions tagged [react-quill]

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

239 questions
16
votes
8 answers

ERESOLVE unable to resolve dependency tree while installing a pacakge

While installing the dependencies for my project using npm install, I receive the following error that I don't know how to interpret: npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving:…
aminrd
  • 4,300
  • 4
  • 23
  • 45
9
votes
5 answers

React-Quill - addRange(): The given range isn't in document

I am trying to make a simple blog using React-Quill text editor. I want to get the value of the ReactQuill Editor and preview it on a different route. I've been trying to achieve this since quite a while now and each time I face the same issue, the…
Amogh Dixit
  • 207
  • 1
  • 3
  • 10
7
votes
3 answers

Any react-quill fix or update to work with React 17?

React-Quill (the latest version, i.e. 2.0.0-beta.2) currently does not work well with React 17. This package still uses React 16 and if version 17 is installed, a whole bunch of errors are thrown as described in here. I was wondering if anyone made…
M.Calugaru
  • 392
  • 3
  • 9
6
votes
0 answers

React Quill is not aligning the html file I get from API

I am new to React-Quill and I am using it to edit an HTML template. I already have custom API which I created using spark post. Now I need to get that HTML file into this editor and then user can edit the template and save it. When I get the HTML…
Deepika
  • 737
  • 7
  • 23
6
votes
2 answers

How to prevent react-quill to insert a new line before list when re-loading content?

Using react-quill, I write a list within text, store the content into external storage, reload the content into quill: a new
is inserted before the list, and it happens on each reload. Any idea what is happening, and how to prevent it? I…
Louis Coulet
  • 3,663
  • 1
  • 21
  • 39
6
votes
2 answers

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: { …
The Coder
  • 3,447
  • 7
  • 46
  • 81
5
votes
1 answer

Nextjs: How to register the quill-blot-formatter to dynamically imported react-quill on client side rendering only?

I am importing react-quill dynamically on the client side only using ssr: false. My functional component which is working fine, I want to add the quill-blot-formatter package to the modules part of my quill component. My first roadblock is, I can't…
forest
  • 1,312
  • 3
  • 20
  • 47
5
votes
4 answers

How to access ReactQuill Ref when using dynamic import in NextJS?

I'm running into a funny problem. I'm using NextJS for its server-side rendering capabilities and am using ReactQuill as my rich-text editor. To get around ReactQuill's tie to the DOM, I'm dynamically importing it. However, that presents another…
user3783615
  • 81
  • 1
  • 1
  • 3
5
votes
5 answers

Escape html in react

I'm using react-quill and I have the data saving, however, I'm running into a few issues. How do I go about rendering out the contents after the save? Currently, I'm just getting the HTML back I'm getting the following on the edit page Here is…
user8331511
5
votes
4 answers

How to Set a character length in React-Quill

How can I set Character Length in react-quill. In Docs it has been given that getLength() will return the length of the character in editor.. But I am Unable to figure out How to implement it. My JSX
Shubham Pratik
  • 482
  • 2
  • 6
  • 18
4
votes
1 answer

How to deal with onChange in ReactQuill Editor?

I am using ReactQuill component in my react project . In my page i have multiple component like (TextBox/InputNumber Box/DropDown) so from each component i am calling a event
Subodh Joshi
  • 12,717
  • 29
  • 108
  • 202
4
votes
1 answer

react-quill loses focus when onChange is called

I have a component wrapper in antd Form.create() HOC where I want to implement validation for my react-quill editor. {getFieldDecorator('input', { rules: [RequiredRule], initialValue:…
Oleksandr Fomin
  • 2,005
  • 5
  • 25
  • 47
4
votes
2 answers

How to register alignment styles in react-quill

I'm using react-quill npm package and dynamically importing it in nextjs and I'm also using create-next-app boilerplate. I am able to get the react-quill editor to work but I am not able to get the image styles/paragraph styles that are set with the…
jarivak
  • 828
  • 13
  • 28
4
votes
1 answer

React-Quill auto focus on editor other typing other input elements?

i am using react-quill as my editor and recently i configured my image handler function to pass props to the handler and after making the change my editor behaves weirdly and when ever i type something on the other input fields my editor comes into…
punit das
  • 119
  • 3
  • 9
4
votes
1 answer

How to get deleted Image url in react-quill editor

I am using react-quill and I wan't to know how to select an image after being inserted into the editor and how to get the delted image url after being delted. Here is my Editor Component import React,{useState} from 'react' import ReactQuill from…
user8989
  • 580
  • 2
  • 6
  • 21
1
2 3
…
15 16