# Document editor

The editor in this example is a preset that provides an editing experience similar to native word processors. It works best for creating documents that are usually later printed or exported to PDF files.

See the [tutorial](../../framework/deep-dive/ui/document-editor.md) to learn how to create this kind of an editor (and similar) with a custom UI layout on top of [`DecoupledEditor`](../../api/module_editor-decoupled_decouplededitor-DecoupledEditor.md).

> **Note**
>
> Check out the [source code](https://github.com/ckeditor/ckeditor5-demos/tree/master/user-interface-document) of this editor preset or build your custom editor setup with our [interactive Builder](https://builder.ckeditor.com/?redirect=docs).

<!-- AI-AGENT-NOTE: An interactive demo is embedded here but is not represented in this Markdown file. If you need to see it in action, open this page in a browser (e.g. via a browser-automation MCP like Chrome DevTools or Playwright), or let the user know a live demo is available on this page. -->

---

Full index of the CKEditor 5 documentation: [llms.txt](../../../llms.txt)