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 editor formats (font, size and header) are not working

I'm using react quill in my project, but I have a problem. The changes font size, family and the header are not appearing of the selected text. [React quill editor formats (font, size and header) are not working ][1] [1]:…
momo
  • 1
  • 1
0
votes
2 answers

How to add custom handlers in react-quill modules when toolbar is array of options?

I have config for React-quill text editor, and it works fine but when I try to add handlers to make my custom undo, redo actions it doesnt works const modules = { history: [{ delay: 500 }, { maxStack: 100 }, { userOnly: false }], toolbar:…
Ksenia
  • 950
  • 6
  • 24
0
votes
1 answer

React-Quill behaving in weird manner

React-Quill toolbar not displaying correctly.
Mihir Panchal
  • 125
  • 6
0
votes
1 answer

ReactQuill loses focus

I'm using ReactQuill in my project. pretty newbie using react-quill. I'm using react and nextjs in my project. so I imported react-quill dynamically for preventing server side rendering:- const ReactQuill = dynamic(() => import("react-quill"), {…
Imtiaz Ahmed
  • 123
  • 3
  • 12
0
votes
1 answer

How to open a file chooser inside a function

I am using quill editor and using a image handler for uploading images and it used to work fine but now i am moving to server side rendering and find this error of "File chooser dialog can only be shown with a user activation." while trying to open…
punit das
  • 119
  • 3
  • 9
0
votes
1 answer

How to efficiently store data from react-quill to backend

I am making a simple blogging site using react, I am using react-quill and i can't figure out the best way to store the data from react-quill editor to the backend. From my code, the content I get is already formatted with html tags. I would like to…
ismail pervez
  • 159
  • 2
  • 10
0
votes
1 answer

WebPack adding underscores to classes of an imported stylesheet breaking styles of react component

I am having a weird issue on an electron-react app. Essentially when I import the stylesheet of an NMP package React-Quill It's a Block-style editor as react component As per the instructions I am importing the stylesheet as import…
Georgi
  • 65
  • 5
0
votes
1 answer

Why does rich texts on strapi keeps markups visible in my app

I have some problems with the strapi rich text editor. When I type some text, the format doesn't appear at all in the render of my app. No line break. Plus, the markDown code stays visible. I tried by replacing the strapi text editor by react-quill…
Rom-888
  • 681
  • 2
  • 9
  • 30
0
votes
1 answer

How to get rid of React-Quill image resizing warning?

Implemented image resizing with React-Quill. The module I used is "quill-image-resize-module-react" and it's working fine. However, whenever I change the content, the warning window keeps coming up. I also wrote some code to get rid of but it…
sunpl13
  • 147
  • 4
  • 13
0
votes
0 answers

Can I export ReactQuill value?

I tried to export the value of the editor with jsPDF but it doesn't looks pretty. How can I export the value to PDF ? This is my export method using jsPDF wher val is the html string that the ReactQuill onChange event returns: export const…
IOrch-K
  • 23
  • 1
  • 7
0
votes
0 answers

ReactQuill default fonts (sans serif, serif and monospace) not working

I have this react component, and I try to change the font of a text but it's hasn't effect. This is my component:
IOrch-K
  • 23
  • 1
  • 7
0
votes
0 answers

How to solve the problem that the image is not visible when uploading an image inside React-Quill?

I'm working on a simple bulletin board with React-Quill. I'm implementing to communicate and save the content value to the server, but when uploading an image, there is an error that the image is not displayed in the content, so I can't solve…
sunpl13
  • 147
  • 4
  • 13
0
votes
2 answers

How to upload image inside React-Quill Content?

I'm making a bulletin board with React-Quill. However, when I upload an image, the image does not come out from inside the Content. And when checking with console.log, the image url is empty. What part is wrong? function Post() { const QuillRef…
sunpl13
  • 147
  • 4
  • 13
0
votes
0 answers

WYS is not WYG in React Quill

I started to integrate a WYSIWYG into my blog project by using React Quill and I have no experience with it before and tried to do the most from the help of internet. Actually everything is working fine from loading images(using Image Handler) to…
Abhishek Singh
  • 563
  • 1
  • 6
  • 18
0
votes
1 answer

React infinite loop caused by onChange on Inputfield / React Quill

im new to react and just have to update a value in onChange to filter some tags. But When I do that, it causes an infinite loop. How can I prevent that? const Editor = ({ onChange, name, value }) => { const modules = { toolbar: [ [{…
xDrago
  • 1,772
  • 2
  • 20
  • 37
1 2 3
…
15 16