Aligned the sample.

ckeditor · Apr 5, 2022 · 930edf7 · 930edf7
1 parent 7cc2413
commit 930edf7
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/sample/index.html b/sample/index.html
@@ -36,6 +36,8 @@ <h1>CKEditor 5 – React Component – development sample</h1>
 		const readOnlyButton = document.getElementById( 'readOnly' );
 		const simulateErrorButton = document.getElementById( 'simulateError' );
 
+		const SAMPLE_READ_ONLY_LOCK_ID = 'Integration Sample';
+
 		class App extends React.Component {
 			constructor( props ) {
 				super( props );
@@ -47,6 +49,7 @@ <h1>CKEditor 5 – React Component – development sample</h1>
 				return React.createElement( CKEditor.CKEditor, {
 					editor: ClassicEditor,
 					data: this.state.documents[ this.state.documentID ],
+					// disabled: true,
 					id: this.state.documentID,
 					onReady: editor => {
 						window.editor = editor;
@@ -82,12 +85,12 @@ <h1>CKEditor 5 – React Component – development sample</h1>
 						} );
 
 						editor.ui.view.listenTo( readOnlyButton, 'click', () => {
-							editor.isReadOnly = !editor.isReadOnly;
+							editor.enableReadOnlyMode( SAMPLE_READ_ONLY_LOCK_ID, !editor.isReadOnly );
 
 							if ( editor.isReadOnly ) {
-								this.innerText = 'Switch to editable mode';
+								readOnlyButton.innerText = 'Switch to editable mode';
 							} else {
-								this.innerText = 'Switch to read-only mode';
+								readOnlyButton.innerText = 'Switch to read-only mode';
 							}
 						} );
 					},