Skip to main content
248 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
1 answer
46 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
83 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
75 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
45 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
114 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
310 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
47 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
221 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
243 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
134 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
26 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
0 votes
0 answers
33 views

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 ...
Eric's user avatar
  • 1
0 votes
0 answers
305 views

If i copy paste a image file to React #quill editor How to prevent appearing it in editor where iam showing file at another area instead of quill editor All files were not taking such as .pdf, .svd ...
Aswanth R's user avatar
  • 1
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
156 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
134 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
155 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
519 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
220 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
  • 316
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
670 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
494 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
  • 518
0 votes
1 answer
304 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
34 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,051
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
76 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
986 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
790 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
584 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
328 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
808 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
2 3 4 5