Questions tagged [react-quill]
86 questions
1
vote
0 answers
Persist Custom ID Attributes in Quilljs
We need to persist ID attributes for every div that we create on a new line.
We tried saving quill delta in the localstorage and when tried to set using setContents() the IDs are changed. When we try to insert a new Delta or text it is creating new…
![](../../users/profiles/9925447.webp)
Sai Kiran Reddy Uppula
- 23
- 1
- 6
1
vote
1 answer
How do I set Quill output to be JSON/delta instead of html?
What do I need to do to set Quill's content or output to be JSON/delta instead of HTML?
I can't believe I'm asking such a simple question but I can't find the answer anywhere.
There's nothing about how to set the format in either the QuillJS doc or…
![](../../users/profiles/4905992.webp)
Chris
- 43
- 7
1
vote
1 answer
code block not displaying when previewing in react-quill
In this code, I am trying to insert a code block using react-quilljs
import React, { useState } from 'react';
import hljs from 'highlight.js';
import { useQuill } from 'react-quilljs';
import 'quill/dist/quill.snow.css'; // Add css for snow…
![](../../users/profiles/10134463.webp)
BlackMath
- 482
- 3
- 10
1
vote
0 answers
Proper way to use react-quil to store images embedded in text
I am using react-quill 1.3.3. I also allow for the addition of images into the posts. The way that quill works right now, is that it just converts the image to a string and sends it all as text. The problem is that this seems to take a lot of…
![](../../users/profiles/442920.webp)
user442920
- 759
- 3
- 18
- 48
1
vote
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
![](../../users/profiles/476828.webp)
Subodh Joshi
- 10,006
- 23
- 84
- 177
1
vote
3 answers
Is there any way to remove specific formatting in Quill?
Given Quill 1.3.6 and custom formatter in it, is there any way to programmatically remove all custom formatting from the whole editor? In another word is there any way to remove for example bold formatting from every place it occurs in the…
![](../../users/profiles/2431911.webp)
kirill.buga
- 1,041
- 1
- 10
- 23
1
vote
1 answer
install quilljs-markdown on react
I need such an editor on react https://cloverhearts.github.io/quilljs-markdown/ , as you can see in it you can put markdown characters directly into the text.
when I do this
import React, { Component } from 'react'
import './App.css'
import…
![](../../users/profiles/8539499.webp)
Стас Рябцев
- 885
- 1
- 10
- 27
1
vote
1 answer
Contentful SDK, React functional components, typescript and react-quill - unable to access quill history?
I am trying to change the undo/redo behaviour of react-quill when implemented as a Field modification to Contentful's SDK. The implementation is described by the template at…
![](../../users/profiles/12998807.webp)
Rob R
- 11
- 2
1
vote
0 answers
Add table to Quill editor
How can we add table to React-Quill text editor using quill-better-table . Can someone provide existing codepen for same if availablere or changes need in react-Quill to allow us to add table .
![](../../users/profiles/10662050.webp)
AMARISH KUMAR
- 21
- 4
1
vote
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:…
![](../../users/profiles/13288420.webp)
Aleksandr Fomin
- 699
- 5
- 18
1
vote
1 answer
Quill - Mention not inserting mention value in Quill JS editor content (Using React Quill)
I'm implementing Quill-Mention in Quill JS, using React Quill but I can't manage to update editor content when clicking an item from the list.
I can properly render the list when clicking the right symbol and it shows data accordingly. But, when I…
![](../../users/profiles/13338852.webp)
raw-rbt
- 33
- 3
1
vote
1 answer
How to render the content of React Quill without the html markup?
I managed to get my Quill working, but now I wanted to display the contents from the editor without the html markup. I tried using react-render-html npm package, it was working fine before but now it is no longer maintained and gives me a…
![](../../users/profiles/13491402.webp)
jarivak
- 370
- 2
- 14
1
vote
2 answers
how to access props in react quill image handler
i am using react quill editor for my project and using my backend server to image upload but i need to access props inside the image handler of react quill and i am unable to do so as not able to access this object inside image handler.
here is my…
![](../../users/profiles/12409561.webp)
punit das
- 79
- 5
1
vote
0 answers
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…
![](../../users/profiles/13060463.webp)
user8989
- 271
- 2
- 9
1
vote
0 answers
Is it possible to add style to default tag in Quill?
My objective is to create a button in toolbar that add style to the default
tag where the cursor is. For example: From
Example
toExample
without nested format? Now, my workaround is using a new custom blots…![](../../users/profiles/13733364.webp)
sumet123
- 11
- 1