diff --git a/docs/examples/builds/balloon-block-editor.md b/docs/examples/builds/balloon-block-editor.md index 47b77d3eef0..49bcece511b 100644 --- a/docs/examples/builds/balloon-block-editor.md +++ b/docs/examples/builds/balloon-block-editor.md @@ -14,3 +14,7 @@ The balloon block editor type lets you create your content directly in its targe * A {@link getting-started/setup/toolbar#block-toolbar block toolbar} accessible using the toolbar handle button {@icon @ckeditor/ckeditor5-core/theme/icons/drag-indicator.svg Drag indicator} attached to the editable content area and following the selection in the document (bringing additional block formatting tools). The {@icon @ckeditor/ckeditor5-core/theme/icons/drag-indicator.svg Drag indicator} button is also a handle that can be used to drag and drop blocks around the content. {@snippet examples/balloon-block-editor} + + + If you are interested in effortlessly building similar editor presets, check out our [interactive Builder](https://ckeditor.com/ckeditor-5/builder?redirect=docs). It offers an easy-to-use user interface to help you configure, preview, and download the editor suited to your needs. You can easily select the editor type, the features you need, the preferred framework (React, Angular, Vue or Vanilla JS) and the preferred distribution method. In the end, you get ready-to-use code tailored to your needs! + diff --git a/docs/examples/builds/balloon-editor.md b/docs/examples/builds/balloon-editor.md index 4485e9704ad..baeb86cbe74 100644 --- a/docs/examples/builds/balloon-editor.md +++ b/docs/examples/builds/balloon-editor.md @@ -11,3 +11,7 @@ classes: main__content--no-toc The balloon editor type lets you create your content directly in its target location with the help of a balloon toolbar that appears next to the selected editable document element. {@snippet examples/balloon-editor} + + + If you are interested in effortlessly building similar editor presets, check out our [interactive Builder](https://ckeditor.com/ckeditor-5/builder?redirect=docs). It offers an easy-to-use user interface to help you configure, preview, and download the editor suited to your needs. You can easily select the editor type, the features you need, the preferred framework (React, Angular, Vue or Vanilla JS) and the preferred distribution method. In the end, you get ready-to-use code tailored to your needs! + diff --git a/docs/examples/builds/classic-editor.md b/docs/examples/builds/classic-editor.md index 2fae827338f..d861d7cea85 100644 --- a/docs/examples/builds/classic-editor.md +++ b/docs/examples/builds/classic-editor.md @@ -13,3 +13,7 @@ classes: main__content--no-toc The classic editor type shows a boxed editing area with a toolbar, placed in a specific position on the page. {@snippet examples/classic-editor} + + + If you are interested in effortlessly building similar editor presets, check out our [interactive Builder](https://ckeditor.com/ckeditor-5/builder?redirect=docs). It offers an easy-to-use user interface to help you configure, preview, and download the editor suited to your needs. You can easily select the editor type, the features you need, the preferred framework (React, Angular, Vue or Vanilla JS) and the preferred distribution method. In the end, you get ready-to-use code tailored to your needs! + diff --git a/docs/examples/builds/document-editor.md b/docs/examples/builds/document-editor.md index 64320e83b20..bb4490e3995 100644 --- a/docs/examples/builds/document-editor.md +++ b/docs/examples/builds/document-editor.md @@ -13,3 +13,8 @@ The editor in this example is a feature–rich preset focused on rich text editi See the {@link framework/document-editor tutorial} to learn how to create this kind of an editor (and similar) with a custom UI layout on top of {@link module:editor-decoupled/decouplededitor~DecoupledEditor}. {@snippet examples/document-editor} + + + If you are interested in effortlessly building similar editor presets, check out our [interactive Builder](https://ckeditor.com/ckeditor-5/builder?redirect=docs). It offers an easy-to-use user interface to help you configure, preview, and download the editor suited to your needs. You can easily select the editor type, the features you need, the preferred framework (React, Angular, Vue or Vanilla JS) and the preferred distribution method. In the end, you get ready-to-use code tailored to your needs! + + diff --git a/docs/examples/builds/inline-editor.md b/docs/examples/builds/inline-editor.md index 7fe8f8da12e..4951a1f3832 100644 --- a/docs/examples/builds/inline-editor.md +++ b/docs/examples/builds/inline-editor.md @@ -13,3 +13,7 @@ The inline editor type lets you create your content directly in its target locat In this example the {@link features/images-styles image styles} configuration was changed to enable left- and right-aligned images. {@snippet examples/inline-editor} + + + If you are interested in effortlessly building similar editor presets, check out our [interactive Builder](https://ckeditor.com/ckeditor-5/builder?redirect=docs). It offers an easy-to-use user interface to help you configure, preview, and download the editor suited to your needs. You can easily select the editor type, the features you need, the preferred framework (React, Angular, Vue or Vanilla JS) and the preferred distribution method. In the end, you get ready-to-use code tailored to your needs! +