--- # Scope: # * Guide developers through the basic API to achieve their very first results with CKEditor. title: Basic API category: builds-integration order: 20 --- ## Creators Each CKEditor 5 build provides a class that handles the creation of editor instances inside a page. For this reason they’re called “creators”. Every creator comes with a static `create()` method. The following are creator class names for each build: * Classic Editor: {@link module:editor-classic/classiceditor~ClassicEditor} * Inline Editor: {@link module:editor-inline/inlineeditor~InlineEditor} * Medium-like Editor: {@link module:editor-medium-like/mediumlikeeditor~MediumLikeEditor} Most of the examples in the documentation use the `ClassicEditor` class, but things should work in similar way with other creator classes. Because builds are distributed as [UMD modules](https://github.com/umdjs/umd), these classes can be retrieved: * by [CommonJS](http://wiki.commonjs.org/wiki/CommonJS) compatible loader (e.g. [Webpack](https://webpack.js.org) or [Browserify](http://browserify.org/)), * by [RequireJS](http://requirejs.org/) (or any other AMD library), * from the global namespace if none of the above loaders is not available. For example: ```js // In CommonJS environment. const ClassicEditor = require( '@ckeditor/ckeditor5-build-classic/build/ckeditor.js' ); ClassicEditor.create; // [Function] // If AMD is present, you can do this. require( '/(ckeditor path)/build/ckeditor.js', ClassicEditor => { ClassicEditor.create; // [Function] } ); // As a global. ClassicEditor.create; // [Function] ``` Having the above in mind, depending on which build you’re using, creating an editor in the page is a breeze: In the HTML: ```html ``` In the script: ```js ClassicEditor.create( document.querySelector( '#text-editor' ) ) .then( editor => { console.log( editor ); } ) .catch( error => { console.error( error ); } ); ``` In the above case, the `