CKEditor with redux-form

I’m trying to use CKEditor with redux-form, but I’m not exactly sure how to use it within a <Field /> component correctly. I’ve tried this:

<Field
  label="Content"
  name="content"
  component={CKEditor}
/>

But when I do a simple test with:

onSubmit(values) {
  console.log(values);
}

I’m not getting anything back. I assume I’ll need to use the content prop to get it to include the editor content into the values argument, but I’m not sure how I might do that.

Thanks in advance for your help.

[Nastya-Piu]

I fixed it with ckeditor5-react by

renderEditor({input}) {
    return (
      <CKEditor
        data={input.value}
        editor={ ClassicEditor }
        onChange={(event, editor) => {
            return input.onChange(editor.getData())
          }
        }
      />
    )
  }

<Field name="text" component={this.renderEditor} />

[avinmathew]

I got it working with Redux Forms like this:

const renderEditor = ({ input }) => {
  return (
      <CKEditor
        content={input.value}
        events={{
          change: event => input.onChange(event.editor.getData())
        }}
      />
   );
};

<Field
  name="myField"
  component={renderEditor}
/>