如何在Reacted的ckeditor inline中禁用页眉和页脚元素

Question

我需要禁用传入的html元素，例如p标签是只读的。

constructor(props) {
    super(props);

    this.state = {
      data: '<div><h1>can edit user</h1><p>disable-readonly</p></div>’
    };

    this.handleChange = this.handleChange.bind(this);
    this.onEditorChange = this.onEditorChange.bind(this);
  }

  onEditorChange(evt) {

    this.setState({
      data: evt.editor.getData()
    });
  }

  handleChange(changeEvent) {
    this.setState({
      data: changeEvent.target.value
    });
  }
  onSubmit = (e) => {
    e.preventDefault();
    this.setState({
      data: this.state.data
    })
    console.log(this.state.data)
  }
<CKEditor
            type="inline"
            readOnly={true}
            data={this.state.data}
            onChange={this.onEditorChange}
            style={{
              float: 'left',
              width: '50%'
            }}

我在编辑器中仅获得div，但p标签将为只读。如果用户要编辑，则可以编辑h1标签。 这是代码，我可以在编辑器中使用h1，p标签元素，但是用户只能编辑h1标签。 p是只读的。