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
1 answer

Add text to console from quill texteditor in React

I have an task where I want to save the text from the texteditor in the console. I use ReactQuill as a text editor and I know how to add it with the Onchange function. But what if I instead what to have a button that have a onClick function that…
MVB
  • 45
  • 4
0
votes
0 answers

React Js : Quill editor's link tooltip is not appearing properly on top of a div container that has overflow: scroll; property

I am trying to bring quill editor's link tooltip on top of a div container that has overflow: scroll; property in reactjs. Please refer codesandbox I expect the tooltip to appear on top of div container without cropping or without reducing the width…
Aqeel Md
  • 11
  • 2
0
votes
0 answers

Rect Quill unable to switch between snow and bubble team when editor is focus vs blurred

I am trying to implement a react quill text editor where the user can enter text and format it thanks to the snow theme but when the editor is not focused I would like the editor's theme to switch to bubble so the toolbar can disappear. In the code…
Nick g
  • 19
  • 1
0
votes
0 answers

Quill-with-react-redux-form-validation need to done

Can anyone do ReactQuill antd form validation using redux? It may be very helpful if it done
Lex V
  • 1,414
  • 4
  • 17
  • 35
0
votes
1 answer

How to add custom fonts to React-Quill

I'm using React Quill with the Snow theme. I'm trying to figure out how to add custom fonts so that users may select some of the Google Web fonts I use in other parts of the app. If I go to one of the few modern (hooks) React examples I found here,…
Neil Girardi
  • 4,533
  • 1
  • 28
  • 45
0
votes
1 answer

I got src="[object Object]" in img tag when i pass data to ReactQuill

In the image tag i got src="[object Object]" I ouput that data in console and in dom. Everything looks fine. But When i pass that data into ReactQuill component, things get weird and it gets [object Object] in src of image tag. …
Sithu Soe
  • 11
  • 2
  • 5
0
votes
1 answer

useState and onChange with React Quill not working as I want it to, not sure how to fix

I have a series of text input fields - their input is managed by useState like this: const [formFields, setFormFields] = useState([ { textinput1: "", textinput2: "", textinput3: "", reactQuill: "" } ]); Their handle change is managed with this…
Gabriel
  • 41
  • 7
0
votes
1 answer

React Quill Editor - Losing Text Formatting

I am using the Quill editor in a React app, using react-quill. On my app, the user can perform a search for a word in the editor and if it's found, I simply highlight the word using the Quill API formatText() My app also uses the standard MUI…
rog8gm
  • 169
  • 2
  • 2
  • 10
0
votes
1 answer

Cursor Changes to ReqctQuill Editor

I have another input boxn, now whenever I add text to that input, it automatically changes the cursor to focus on ReactQuill Editor. Check the code here.
Sukriti Sood
  • 3
  • 3
0
votes
1 answer

Uncaught TypeError: Cannot read properties of undefined (reading 'value') on react-quill

Who do I receive this error in console when running my program? Uncaught TypeError: Cannot read properties of undefined (reading 'value') on react-quill Why can't I get the text from the text editor that made using react-quill? But if I'm using a…
Irfan M.
  • 23
  • 1
  • 4
0
votes
1 answer

Disabling dragndrop from baseweb DnD list

I actually have a drag and drop list from BaseWeb https://baseweb.design/components/dnd-list/, And instead of havings strings as the exemple shows, i'm having components for a blog, like a text section, some inputs, etc... I use this list to reorder…
Raphoudre
  • 3
  • 1
0
votes
1 answer

Change the select to custom select with down arrow in react quill

Is there a way I can change this select drop down to a custom select drop down with a down arrow instead of the default quill arrows?
Moro Owusu Afriyie
  • 448
  • 4
  • 18
0
votes
1 answer

How to insert a blob url in img src in react quill

I’m trying to insert a blob url something like blob:http://localhost:8000/d986abd0-8e4a-4731-b0 With embed method by react quill …
Adarsh
  • 474
  • 1
  • 9
  • 17
0
votes
0 answers

react-quill quill-upload _onUpload to API sometimes notWorking

I use React-Quill、quill-upload、Aixos、express post image to API,but sometimes image address is true ,sometimes is flase MySQL QuillContent Nice Post Show Nice Post, Bad Post Show Bad Post=>The difference is iamgeColor Upload image Regardless of…
楊嘉翔
  • 25
  • 5
0
votes
0 answers

React Quill custom module value

I'm trying to create a custom module that attaches a class to the html element and uses the value that is inside the static create function to add it to the dataset. so what I do is: write some text click the button Expected Behaviour : The text…
Jacopo Trapani
  • 1
  • 1
  • 3
1 2 3
…
15 16