Как отключить заголовок и нижний колонтитул в 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.р только для чтения.