Skip to main content
246 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
1 answer
53 views

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 ...
Rishav Kumar's user avatar
  • 45
-1 votes
2 answers
85 views

I am using dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(htmlString) }} to render sanitized HTML in React, and links () are not opening in a new tab dangerouslySetInnerHTML={{ __html: ...
Anurag Singh 's user avatar
  • 1
0 votes
0 answers
76 views

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 ...
Brijal Kansara's user avatar
  • 299
0 votes
1 answer
47 views

How we can open a link in a new tab where we are storing all the data with links and showing all the data in UI Showing data using this dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(htmlString ...
Anurag Singh 's user avatar
  • 1
0 votes
0 answers
123 views

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 ...
Ratnesh's user avatar
  • 15
0 votes
1 answer
321 views

I am using react-quill-new in my Next.js project and want to apply inline styles instead of Quill's default class-based styles (e.g., ql-align-center). When I send my content as an HTML email, the ...
Ratnesh's user avatar
  • 15
0 votes
1 answer
74 views

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 (...
Alwyn Raj's user avatar
  • 1
0 votes
0 answers
38 views

I was making this application using MERN stack. But what I want to know is, how are multiple images persisted in my mongoDB atlas, and how do I fetch them sequentially. I came up with an idea to store ...
Isru_Crasus's user avatar
  • 1
0 votes
0 answers
40 views

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, &...
Ak02's user avatar
  • 161
0 votes
0 answers
30 views

I use this code to set a font to the text via quilljs api: const setFont = (font) => { const lastRange = quill.getSelection(); quill.formatText(lastRange.index, lastRange.length, {font: font}) }...
alibadparva's user avatar
  • 11
1 vote
0 answers
90 views

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 ...
Sujan Ch's user avatar
  • 11
0 votes
0 answers
48 views

I’m using react-quilljs to add posts to my blog, and now I need to implement a gallery feature using this library. I want to create a gallery in the format <ul><li><img></li>&...
Dinis Zabrodsky's user avatar
  • 11
3 votes
3 answers
229 views

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 ...
user8758206's user avatar
  • 2,245
0 votes
0 answers
245 views

I am working in next.js to create a text editor using react-quill. I have implemented whole text editor in my project. There were two main issues in my project. First one is that when I paste anything ...
Sibghat Ullah's user avatar
  • 1
1 vote
0 answers
136 views

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 ...
user28775495's user avatar
  • 11
0 votes
1 answer
3k views

I’m using React 19 with Next.js 15, and I’m facing issues with react-quill. The editor component fails to load, causing errors related to incompatible React versions. Steps tried: Installed react-...
JAKER HOSSAIN's user avatar
  • 56
0 votes
0 answers
27 views

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 ...
Dmitry Oleinik's user avatar
  • 710
0 votes
0 answers
60 views

I have used react quill in my react project with react hook form. It is working fine when I store some data & show it in browser. But if I want to see the same value in react quill editor, then ...
Samsul Islam's user avatar
  • 33
1 vote
0 answers
393 views

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 ...
Kuldeep Tak's user avatar
  • 11
0 votes
2 answers
2k views

I have been using the react-quill package in my NextJS 14 application. It has been working properly until today, I went to write a new post and my focus in the textarea would jump back to the top of ...
Devon Kiss's user avatar
  • 239
1 vote
0 answers
161 views

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 ...
Xhris's user avatar
  • 170
1 vote
0 answers
136 views

I'm trying to add keyboard bindings to the quill editor in my project, however when I add keyboard to the modules object, the editor doesn't show. But when I remove it, the editor is visible again. ...
Burner's user avatar
  • 57
1 vote
1 answer
160 views

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 ...
Rich - enzedonline's user avatar
  • 1,428
0 votes
1 answer
89 views

I've used React Quill for RichText Editor. And also saved data as html format. The Response shows in the Api like below: "education": "<ul><li>Bachelor of Science (BSc) in ...
Tia Mat's user avatar
  • 3
0 votes
1 answer
528 views

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></...
Vasilis Zisis's user avatar
  • 33
1 vote
0 answers
221 views

I'm trying to add video handler into my quill editor and it working. However, I want to add capability to prevent video download like <video> tag did. Here's my code const videoHandler = () =&...
Airlangga Fidiyanto's user avatar
  • 314
0 votes
1 answer
125 views

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 ...
How to Program's user avatar
  • 389
6 votes
0 answers
4k views

While using the latest react-quill ^2.0.0, getting the warning in browser on every load in line (quill.js:4237): [Deprecation] Listener added for a 'DOMNodeInserted' mutation event. This event type is ...
Code Lover's user avatar
  • 873
1 vote
1 answer
671 views

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 ...
AKKUL GAUTAM's user avatar
  • 11
1 vote
0 answers
498 views

Using React Quill text editor, I want to allow the users to create a line of text in which part of the text is aligned to the left, and other is aligned to the right. DOCS says that the align ...
Guilherme do Valle's user avatar
  • 538
0 votes
1 answer
310 views

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 ...
sultan.h's user avatar
  • 433
0 votes
1 answer
1k views

Iam Using Quill mention with ngx-quill. Every text edit and formatting is working. Iam not able to find the onSelect event of QUILL MENTION LIST. What I ultimately want is that to push mentioned ...
akhilkrishnan1268's user avatar
  • 135
-1 votes
1 answer
35 views

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 ...
Ashutosh Singh Bhadauria's user avatar
  • 11
1 vote
1 answer
50 views

I have a chat input created with React-Quill and I would like to change the behavior of 'Enter' key press - from adding a new line to dispatching an action. However for some reason I am unable to do ...
Faire's user avatar
  • 1,061
2 votes
0 answers
97 views

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 ...
not_hisokaYet's user avatar
  • 21
2 votes
3 answers
2k views

I am working on a Next JS project and I have deployed it to Vercel and at first it was working totally fine and that's why I did'nt check the website status for long time and just developing it ...
Muhammad Hossain's user avatar
  • 53
2 votes
0 answers
787 views

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-...
Muthukumaran Ganapathy's user avatar
  • 21
1 vote
0 answers
78 views

I'm using QuillJS in my react app and after every reload, the first time I open the component all styling (span with inline styles) is gone. If I close and reopen it without reloading the page the ...
Fullbringa's user avatar
  • 69
-1 votes
2 answers
990 views

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 ...
Sail0r's user avatar
  • 11
4 votes
1 answer
1k views

Generally, in the quill 1.3 stable version, text can be moved, that is, we can move a certain listing from within and drop it somewhere, or we can drag and drop the text from somewhere, there is no ...
huseyinaltun's user avatar
  • 67
1 vote
0 answers
59 views

moudlues = { toolbar: { container: toolbarOptions, handlers: { link: () => this.openLinkDialog(quillRef), }, }, }; I'm having issue with passing a function with ...
jack mama's user avatar
  • 11
0 votes
0 answers
1k views

I need to allow a user to paste script tags into a raw HTML editor using React Quill. I have the raw HTML editor working but any script elements get converted to paragraph elements (I'm assuming this ...
user1464053's user avatar
  • 61
0 votes
3 answers
1k views

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 ...
ksquare's user avatar
  • 11
0 votes
1 answer
1k views

I'm using React Quill and I need a custom toolbar because I want to add two buttons on the very right of the toolbar. The problem is, I want this toolbar to conditionally render (based on the isOpen ...
PedroB's user avatar
  • 77
1 vote
0 answers
792 views

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 ...
loopstruct's user avatar
  • 11
-1 votes
1 answer
588 views

Objective In my rich text editor we have "Heading x", i want those to have customized text. As an example, lets call it "Subtitle" Current Work Current UI Current code In my .tsx ...
JGallardo's user avatar
  • 11.5k
-1 votes
1 answer
329 views

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 ...
Firoz Khan's user avatar
  • 656
0 votes
1 answer
815 views

I'm trying to add Quill editor to my Next.js project with the History module (undo and redo buttons). I have to use a dynamic import as otherwise, I'm getting an error that the document is not defined....
Vladislav's user avatar
  • 575
1 vote
1 answer
1k views

I'm having the following error only when using attributors. Firstly when I render the component everything works, error occurs only after refreshing page. commenting out these lines: const Size = ...
Patryk Karpiński's user avatar
  • 53
2 votes
2 answers
2k views

I have a NextJS app that uses react-quill as a rich text editor library. Everything went fine importing the library dynamically avoiding SSR issues, but since I upgraded to Next 13 I don't manage to ...
Matteo Carpi's user avatar
  • 584

1
2 3 4 5