Skip to content

Instantly share code, notes, and snippets.

@Gaya
Created November 9, 2017 16:00
Show Gist options
  • Save Gaya/25454c5eb41da054c4c26d39a141c6bb to your computer and use it in GitHub Desktop.
Save Gaya/25454c5eb41da054c4c26d39a141c6bb to your computer and use it in GitHub Desktop.
How to use React Quill inside Redux Forms
import React from 'react';
import { Field } from 'redux-form';
import ReactQuill from 'react-quill';
function renderQuill({ input }) {
return (
<ReactQuill
{...input}
onChange={(newValue, delta, source) => {
if (source === 'user') {
input.onChange(newValue);
}
}}
onBlur={(range, source, quill) => {
input.onBlur(quill.getHTML());
}}
/>
);
}
// Usage:
<Field name="description" component={renderQuill} />;
@kadhirvelm
Copy link

Thank you, worked like a charm!

@robbporto
Copy link

Thanks a lot!

@MuhammadSulman
Copy link

I am very thankful to you Man, Keep it Up

@itspauloroberto
Copy link

That was awesome. Very thankful! keep up!

@CherIgor
Copy link

Cool! Thanks!

@dkacper
Copy link

dkacper commented Jul 4, 2019

🚀

@NCS-Thomas
Copy link

Thank you!

@marc-morris
Copy link

🎆 🍾

@tufail
Copy link

tufail commented Mar 8, 2020

Hi , Could you please add redux-form inline validation to it.,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment