Update react state with onChange handler from react-quill editor

In brief: Update the state of entered text in react-quill editor with hook with onChange handler so that the state is ready to send to the backend.


I use react.js with hooks and node.js in the backend. My point, where I need help, is in the react frontend only.

I apply react-quill in my project: [login to view URL]

State update needed from you:

I use react-quill to create html code out of text (see attached code snippets).

If I write in the text field the state contentHTML must get updated with an onChange handler from quill (see attached code snippets).

This state will then be needed to send html content to the backend to store in the database, but this is not your task anymore; just for background knowledge.

Please solve it to update the contentHTML state with the onChange handler from react.js to make it possible to write text in quill editor and update state at the same time.

Everything must work without error and without damaging other functionalities.

Additional info:

With an implemented button (via react-quill modules), the user can open an modal where the plain html can

be modified, too. The contentHTML-state will then be updated successfully after editing the plain html in a modal.

Please see my attached documents, screenshot and two relevant code snippets.

General conditions:

Everything must work properly on my machine in my project.

Only in this case, I can release the entire sum at once.

I do not use create-react-app; I implemented an own react biotop with babel and webpack.

In case of questions, I can ask you, you can ask me, too.

You must be very familiar with react hooks and quill.

NO Scammers and NO bargaining and No Asking for tip after contract approval or project finalization!

Please don't ask me to send you my entire project/property to work on it as this is impossible.

I can provide the code which is relevant and show you the component live via anydesk or teamviewer.

Only efficient solutions with the smallest possible performance need. No complicated solutions, or workarounds. You must really know what you do. No time-consuming try and error.

No JQuery. No further packages if not needed or wanted so far.

All indications without engagement, subject to small modifications.

Taidot: JavaScript, React.js

Näytä lisää: javascript update select onchange, javascript form update mysql onchange, update mysql onchange, update database onchange, php update price onchange, javascript update html onchange, update price onchange, java update mysql onchange, update form onchange javascript, update php onchange html, quill editor demo, redux saga update state, text editor react, rich text editor react, quill editor link, quill editor tutorial, react update state, state management in angular vs react, react-quill editor height

Tietoa työnantajasta:
( 26 arvostelua ) Berlin, Germany

Projektin tunnus: #29054849

Myönnetty käyttäjälle:


hello! thanks for your posting. I'm a react.js expert with more than 3 years of experience, familiar with Class Components and React Hooks, can you please contact me with a PM to discuss your need thanks

$50 USD 7 päivässä
(15 Arvostelua)

2 freelanceria on tarjonnut keskimäärin $53 tähän työhön


I am a full stack developer and has worked on numerous projects with react on frontend. I can do your work with minimal changes

$55 USD 3 päivässä
(0 arvostelua)