Method _createEditor

src/ckeditor.tsx:322–356

* Creates an editor from the element and configuration. * * @param config CKEditor 5 editor configuration. * @returns Editor instance.

( config: EditorConfig )

	 * @returns Editor instance.
	 */
	private async _createEditor( config: EditorConfig ): Promise<TEditor> {
		const { editor: Editor } = this.props;
		const supports = getInstalledCKBaseFeatures();

		const mergedConfig = this._getMergedConfig( false, config );
		const editor = await (
			/* istanbul ignore next -- @preserve */
			supports.elementConfigAttachment ?
				Editor.create( mergedConfig ) :
				Editor.create( this.domContainer.current! as HTMLElement, mergedConfig )
		);

		// Switch to the read-only mode if the `[disabled]` attribute is specified.
		/* istanbul ignore else -- @preserve */
		if ( this.props.disabled ) {
			editor.enableReadOnlyMode( REACT_INTEGRATION_READ_ONLY_LOCK_ID );
		}

		const modelDocument = editor.model.document;
		const viewDocument = editor.editing.view.document;

		modelDocument.on( 'change:data', event => {
			this.props.onChange?.( event, editor );
		} );

		viewDocument.on( 'focus', event => {
			this.props.onFocus?.( event, editor );
		} );

		viewDocument.on( 'blur', event => {
			this.props.onBlur?.( event, editor );
		} );

		return editor;
	}

	/**
	 * It gets an extended configuration containing the entries required for the integration configuration.