I have read the documentation of ckeditor regarding the React Context , but I couldn't find how to make a Placeholder on the CKEditor.

This is the link to the react ckeditor react ckeditor

This is the sample code :

<CKEditor
    onInit={editor => {
        // Insert the toolbar before the editable area.
        editor.ui.view.editable.element.parentElement.insertBefore(
        editor.ui.view.toolbar.element,
        editor.ui.view.editable.element);}}
        name={this.state.body}
        onChange={this.handleEditorChange}
        editor={DecoupledEditor}
        data={this.state.body}
        />

I have read the documentation of ckeditor regarding the React Context , but I couldn't find how to make a Placeholder on the CKEditor.

This is the link to the react ckeditor react ckeditor

This is the sample code :

<CKEditor
    onInit={editor => {
        // Insert the toolbar before the editable area.
        editor.ui.view.editable.element.parentElement.insertBefore(
        editor.ui.view.toolbar.element,
        editor.ui.view.editable.element);}}
        name={this.state.body}
        onChange={this.handleEditorChange}
        editor={DecoupledEditor}
        data={this.state.body}
        />

• javascript
• reactjs
• ckeditor
• ckeditor5

• 1 See github.com/ckeditor/ckeditor5/issues/479 – Gabriele Petrioli Commented Oct 23, 2018 at 12:23

1 Answer 1

<CKEditor 
  config={{placeholder: "Placeholder text..."}} 
  ... 
  />

Works for me