248 questions
1
vote
1
answer
39
views
How to enable Undo and Redo using Quill?
I am using Next.js 15.5.4, React 19.1.0, and the package react-quill-new 3.6.0 for a blog editor.
The editor works fine, the toolbar works fine, and all formatting options are working.
But now I want ...
- 45
0
votes
0
answers
72
views
MKV and MOV videos automatically downloading instead of playing in React Quill Editor
I'm using a custom React Quill editor component for blog creation. The editor works perfectly fine when uploading and displaying MP4 videos. However, when I upload MKV or MOV files, the behavior is ...
- 299
0
votes
0
answers
108
views
Quill Editor Link Tooltip Gets Cut Off When Hovering Over a Link at the Top
I am using React-Quill (react-quill-new) with the Bubble theme, and I am facing an issue where the link preview tooltip gets cut off when I hover over a link that is inserted in the first few lines of ...
- 15
0
votes
1
answer
68
views
React Quill disappears when i try to add callback in the modules
Problem:
When I try to add a callback function inside the modules prop of ReactQuill, the Quill editor does not render at all. There are no errors or warnings in the console. only the footer section (...
0
votes
0
answers
36
views
How to add hidden contents in ReactQuill Editor
I am using React Quill to set my data. on some button clicks I am add json data in the editor of the quill. and the object which I add looks like this.
{
"key1": 1,
"key2": 2,
&...
- 161
1
vote
0
answers
85
views
How can I implement highlight.js in my react-quill?
I used code-block module in react quill but I want to add highlight to tag with inner code tag. I want to add class for different programming language, but Just after I am entering something in my ...
- 11
3
votes
3
answers
220
views
Clicking the bold button deselects the selected text before emboldening
I have a problem that only exists when using a Shadow DOM. It’s difficult to explain, but when the Shadow DOM is present (i.e. using the ShadowWrapper component), it behaves so that, when typing ...
- 2,245
1
vote
0
answers
129
views
ReactQuill: "getEditor is not a function" error when inserting images
I am building a post-writing page using Next.js (13), React (18), Apollo Client, and ReactQuill. The goal is to allow users to insert images into the editor, upload them to a server, and display the ...
- 11
0
votes
0
answers
26
views
Preserving html attributes when initializing quill.js
How do I retain custom class names (added via custom handler) when initializing quill instance (especially in react-quill)?
Problem: I need to create a custom toolbar button in quill editor to create ...
- 710
0
votes
0
answers
29
views
Quill custom font selection: Unable to render the font name
The font-family seems to have applied but the "" (or whatever quill is using) doesn't display the font I want. It just displays Sans Serif seven times. Oddly, if I clicked on the different ...
- 1
1
vote
0
answers
392
views
TypeError: moduleClass is not a constructor in React-Quill with Quill Mention Module
I'm encountering an error while integrating the quill-mention module with react-quill in a Next.js application. The error message I see is:
Unhandled Runtime Error
TypeError: moduleClass is not a ...
- 11
1
vote
0
answers
156
views
Is there a way to make ReactQuill not overlap other elements?
I hope you have a keen eye to see what I am missing or not doing right. I am trying to integrate ReactQuill editor into my app, and it is behaving as expected except for one little detail. Typing and ...
- 170
1
vote
1
answer
154
views
Custom inline custom class attributer throws 'create is not a function error - quilljs v2
I need to create a couple of simple formats that just add a css class - one block and one inline. I hit a problem with an unexpected error on the inline format.
The quill docs are awful at covering ...
- 1,428
0
votes
1
answer
516
views
sanitize-html will not allow <br> tag from react-quill
In my react app I am using react-quill for the text editor and on the backend sanitize-html with JOI for the validation. In the text editor leaving empty lines results to this: <p><br></...
0
votes
1
answer
125
views
React Quill , unable to access import of Quill.import
in below code i have some time document not defined issue but now i am getting import is not a function in Quill , i have tried everything also visited every forum but no solution.
this is nextjs and ...
- 389
1
vote
1
answer
668
views
React quill Formula and List
I am using React-quill in my project and have encountered 2 issues
whenever i write something using ordered and unordered lists (bullets and numbers) and then save to my database and then fetch ...
- 11
0
votes
1
answer
302
views
React QuillEditor acts weird when typing
I'm trying to type in React Quill, but every time i type the text cursor begins on the left and then the text as shown in the gif below, and when i try to backspace it won't, i should select the whole ...
- 433
-1
votes
1
answer
34
views
Sometimes quill editor show '?' in the display
While creating template in quill editor sometime it shows ? in the display of content.i think its due to space, or might be something else.Suggest some ideas to resolved it.Its generate randomly
...
2
votes
0
answers
97
views
Why is quill data when parsed back to raw html, does not replicate the nested bulleting?
this is the input
This is how the quill takes it:
<ol><li>this is a text</li><li>this 2nd line</li><li class="ql-indent-1">this is nested</li><li ...
2
votes
0
answers
787
views
Image resize using quill-blot-formatter package restricts the scrolling in the react-quill editor
I am currently using the React-Quill editor and the functionality for image upload is achieved through the 'formats/image' feature provided by Quill.
Image resize option doesn't included in the react-...
-1
votes
2
answers
978
views
Increase display font size in react quill
I want to increase the inner text size of react quill text box, not the output text size but text editor's font size Image of form
in the image, you can see the different font sizes. It looks odd
This ...
- 11
1
vote
0
answers
58
views
Implementing Argument-Passing in Handler Functions for React-Quill Module Configuration
moudlues = {
toolbar: {
container: toolbarOptions,
handlers: {
link: () => this.openLinkDialog(quillRef),
},
},
};
I'm having issue with passing a function with ...
- 11
0
votes
3
answers
1k
views
React Quill disappears on rerender
I'm working on creating a text editor that handle image uploads, everything works fine but when it re renders it completely disappears
I tried using useMemo on modules and also add a unqiue key to ...
- 11
1
vote
0
answers
785
views
HTML Parsing and Sanitization Issue in React Quill Editor for Next.js (pages router using javascript)
I'm working on an application that allows hockey clubs to connect with each other by providing club listing pages with individual announcement pages. The announcement pages contain a create and update ...
- 11
-1
votes
1
answer
328
views
React Quill text editor rendering data with double quote
I am using React Quill text editor to save data into database. The issue i am facing is when i am retrieving the saved data it is rendering with " " (double quote).
eg: data is saved like ...
- 656