---
category: examples-builds
meta-title: Inline editor example | CKEditor 5 Documentation
meta-description: Learn how to implement an inline editor with a floating toolbar for direct content editing in its target location.
order: 20
toc: false
contributeUrl: false
classes: main__content--no-toc
---

# Inline editor

The inline editor type lets you create your content directly in its target location with the help of a floating toolbar that appears when the editable text is focused.

In this example the {@link features/images-styles image styles} configuration was changed to enable left- and right-aligned images.

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

{@snippet examples/inline-editor}
