Popular posts

here is my data : <div><h1>can edit user</h1><p>disable-readonly</p></div> h1 tag is editable I mean user can edit , but p is readable, user can only read.

<CKEditor type="inline" readOnly={true} data={this.state.data} onChange={this.onEditorChange} style={{ float: 'left', width: '50%' }} >

if I use readOnly , my whole data is read only , user can not edit , but I need to set up 1 is editable other is read only .

Well, in that code neither <h1>can edit user</h1> nor <p>disable-readonly</p> would change because they're not set to variables or components and you don't have any code that updates the DOM.

What you're trying to do is have two CKEditors? One in read-only and one normal (editable)?

In that case, just create another <CKEditor /> component and remove the readOnly attribute.

i used two <CKEditor /> editor but the value gives me same data in two ckeditor