Stack Overflow
Stack Overflow

Questions tagged [react-quill]

86 questions
5
votes
0 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
  • 139
  • 10
3
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
  • 370
  • 2
  • 14
3
votes
2 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
  • 345
  • 5
  • 15
2
votes
0 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
  • 99
  • 7
2
votes
2 answers

react-quill breaking down initially passed wrapped elements into separate elements

I am passing the initial state to quill editor is something like this
On Wednesday, September 2nd 2020 mail wrote:
This is my…
Nikhil Ponduri
  • 208
  • 3
  • 15
2
votes
1 answer

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
  • 1,858
  • 7
  • 15
2
votes
0 answers

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
  • 79
  • 5
2
votes
2 answers

How to use quill-better-table inside react-quill

I am trying to insert a table into react-quill using the quill-better-table library. I notice that a related plain js example here: https://codepen.io/soccerloway/pen/WWJowj uses the function quill.getModule('better-table') to get the module and…
dimlee
  • 402
  • 8
  • 21
2
votes
3 answers

How to change default Heading names in QuillJS (react-js)?

I have my Quill text editor set up like this in the constructor: this.modules = { toolbar: { container: [ ... [{ 'header': [1, 2, false], 3 }], ...] } …
Page COW
  • 241
  • 2
  • 14
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
  • 191
  • 7
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
  • 3,608
  • 11
  • 41
  • 85
2
votes
1 answer

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
2
votes
0 answers

Why not work react-quill getEditor of null

I am creating a reactivejs application in Project with content edited with React Quill. My application allows you to add getEditor (). My problem is that it does not work Help me, i'm deaf... I do not know, I'll explain... "Ref" and "getEditor()" do…
Virginia Velásquez Soto
  • 21
  • 1
1
vote
0 answers

Quill editor - HTML controls on Quill text area

I am trying to build a text editor for my application using react quill. My requirement is to build a sentence template and in that template, there will be some HTML controls like some free texts and some dropdown options. Is it possible to build an…
AjItH V S
  • 79
  • 5
1
vote
1 answer

How should I store HTML Content to DB using react-quill

I'm working on a blog project with React.js & Node.js (express & mongoose) & react-quill library for editing my contents. Right now I'm saving the contents from react-quill as string HTML to my react state. ... const [content, setContent] =…
Netanel Vaknin
  • 36
  • 7
1
2 3 4 5 6