Stack Overflow
Stack Overflow

Questions tagged [react-quill]

A Quill component for React.

react-quill is a plugin that creates components for the quill text editor for use with Facebook's reactjs library.

Resources
Github repository
QuillJS

239 questions
0
votes
0 answers

React-Quill, videos are not displayed at all. Only other tags/images, I can't understand why

I have a couple objects created using the React-Quill editor and some contain images while others contain videos. The ones containing images are rendered back in my app without issue but the ones with videos end up rendering while ignoring all video…
Jordan Alexander
  • 11
  • 2
0
votes
0 answers

quill js production problem in next js app

I am using quill JS with Next JS, its working totally fine on local machine but on production not working like when I selecting any header tag like h3 its by default selecting h1 tag and when I selecting any color its not selecting it Here is my…
NILESH JAISWAR
  • 39
  • 5
0
votes
0 answers

How to save the image URL at the exact position where the image was included in React-Quill (MERN stack)?

I am building an application, on the front end there is there are a few fields, including a rich text editor (react-quill) that can take in an image. I have saved the values from the first page and displayed them back to the user for confirmation.…
Sid
  • 33
  • 9
0
votes
0 answers

Register React-Quill custom module

I am currently working with the react-quill module and it works very nicely. My App.js looks like import { useState } from "react"; import ReactQuill from "react-quill"; import "react-quill/dist/quill.snow.css"; const modules = { …
tobias
  • 501
  • 1
  • 6
  • 15
0
votes
0 answers

Remove p tags in ReactQuill

Using ReactQuill calls some issues "react-quill": "^2.0.0", Every new paragraph wraps with p tag.

test1

test2

How to remove p tag for
instead of?
Антое
  • 1
  • 1
0
votes
0 answers

Custom dropdown in React Quill with antd

I try to make a custom button in react quill toolbar that will open a drop down. I made this like a separate component but don't know how to integrate it in toolbars button In the red circle is separate component that work, and now I want to do same…
marin pesterean
  • 1
  • 2
0
votes
0 answers

Prioritise element hierarchy in Quill / Parchment

When using React Quill I am trying to keep the elements in a specific order so that we can can handle clicks on the annoations accordingly (along with things like hover effects etc) Currently, we highlight text in strings. This is currently how…
Conor Reid
  • 578
  • 3
  • 16
0
votes
0 answers

Quill - Remove Style When Copying

I want to copy my styled text from Quill into for example Gmail without keeping the styles that Quill includes when copy & pasting. I want to keep the styling of headings, lists and so on - but I'd just like to strip all the colors that gets…
Tompina
  • 726
  • 1
  • 9
  • 25
0
votes
1 answer

React quill in nextjs and typescript custom image handler issue?

I am try to use react-quill in my typescript nextjs project. Here I am finding typing and ref issue that I can't solve. Please help me. Here is code example- import React, { useState, useRef } from 'react'; import dynamic from 'next/dynamic'; import…
Kate
  • 113
  • 3
0
votes
1 answer

Some features of react-quill don't work in production

I have a Next app and Text Editor using react-quill. In localhost everything works well, but when I got my project in vercel some features of react-quill don't work, like fontSize, color of font, align and so on. ` import { Box } from…
bobur
  • 1
0
votes
0 answers

Have a custom img blot with addEventListener. Event triggered when using insertEmbed, but it does not work when img loaded from existing html

I'm using react-native-cn-quill but this is really a Quilljs question. Thanks for your help. In the code below, clickHandler is called on click when I do a "insertEmbed(index, 'pbThumbnail', obj)", but when I load the webView with initialHtml…
Chris
  • 13
  • 3
0
votes
0 answers

Add custom dropdown in React Quill

I am adding React Quill toolbar a new dropdown that will be a list of variables. after adding a custom container toolbar: { container: [ [{vairables: ["name", "surname"]}], ['bold', 'italic', 'underline', 'link', { list: 'bullet' }] …
PoPLiN
  • 13
  • 2
0
votes
0 answers

Reat-quill - editor not rendering html properly

If i type something this is what gets rendered, but html is getting updated properly this issue exists only in Safari. Im using Safari Version 16.0 (17614.1.25.9.10, 17614),
Arun-Et
  • 28
  • 2
0
votes
1 answer

ReactJs quill editor add color to text not working for deployed app

I am using quill editor in my react project for editing text. I have deployed the react app on an ubuntu server using Nginx. There is a feature for adding color to text but this feature is not working for the hosted app. It works fine on my local…
Siddhesh Nalawade
  • 35
  • 5
0
votes
0 answers

How do you render Quill Deltas as JSX?

I'm using ReactQuill, and is there any way to convert a Quill Delta into JSX? I know there is a library called quill-delta-to-html, but I'd like to avoid using dangerouslySetInnerHTML if at all possible.
Luiz
  • 3
  • 2
1 2 3
…
15 16