Testing helpers

The _getModelData() and _setModelData() functions exposed by model developer utilities and view developer utilities are useful development helpers.

They allow for “stringifying” the model and view structures, selections, ranges, and positions as well as for loading them from a string. They are often used when writing tests.

Note

Both tools are designed for prototyping, debugging, and testing purposes. Do not use them in production-grade code.

For instance, to take a peek at the editor model, you could use the _getModelData() helper:

import { _getModelData } from 'ckeditor5';

// More imports.
// ...

ClassicEditor
	.create( '&lt;p&gt;Hello &lt;b&gt;world&lt;/b&gt;!&lt;/p&gt;' )
	.then( editor =&gt; {
		console.log( _getModelData( editor.model ) );
		// -&gt; '&lt;paragraph&gt;[]Hello &lt;$text bold="true"&gt;world&lt;/$text&gt;!&lt;/paragraph&gt;'
	} );

const { _getModelData } = CKEDITOR;

// More imports.
// ...

ClassicEditor
	.create( '&lt;p&gt;Hello &lt;b&gt;world&lt;/b&gt;!&lt;/p&gt;' )
	.then( editor =&gt; {
		console.log( _getModelData( editor.model ) );
		// -&gt; '&lt;paragraph&gt;[]Hello &lt;$text bold="true"&gt;world&lt;/$text&gt;!&lt;/paragraph&gt;'
	} );

See the helper documentation to learn more about useful options.