Method componentDidMount

blocks/code/code-editor.js:16–48

()

	}

	componentDidMount() {
		const { language, firstLineNumber, highlightLines, showLineNumbers, theme } = this.props;

		const editor = wp.codeEditor.initialize( this.textarea, {
			codemirror: {
				continueComments: true,
				direction: 'ltr',
				firstLineNumber: firstLineNumber,
				gutters: [ 'CodeMirror-lint-markers' ],
				indentUnit: 4,
				indentWithTabs: true,
				inputStyle: 'contenteditable',
				lineNumbers: showLineNumbers,
				lineWrapping: false,
				mode: language || null,
				styleActiveLine: true,
				theme: theme,
				viewportMargin: Infinity,
			}
		} );

		editor.codemirror.on( 'change', () => {
			this.props.onChange( editor.codemirror.getValue() );
		} );

		editor.codemirror.on( 'gutterClick', ( doc, line ) => {
			this.props.onLineNumberClick( line );
		} );

		this.editor = editor;
		this.highlightLines( highlightLines );
		this.updateLanguageSettings( language );
	}

	componentDidUpdate( prevProps, prevState ) {
		if ( this.props.language !== prevProps.language ) {