diff --git a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-options.js b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-options.js index 8bae31cf28d..ae10e675aa7 100644 --- a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-options.js +++ b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-options.js @@ -9,7 +9,7 @@ ClassicEditor .create( document.querySelector( '#snippet-ckfinder-options' ), { toolbar: { items: [ - 'ckfinder', '|', 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo' + 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo', '|', 'ckfinder' ], viewportTopOffset: 100 }, diff --git a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.html b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.html index 9032356d2e9..14e7e317815 100644 --- a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.html +++ b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.html @@ -1,3 +1,5 @@
- Use the toolbar button to insert an image. +

CKEditor 5 offers multiple ways to include images in your rich content. You can choose whichever you find more comfortable and efficient for you needs.

+

To upload an image, you can paste it or drag and drop it into the editor.

+

Alternatively, use the toolbar button to insert an image selected from your disk.

diff --git a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.js b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.js index afb106bacb2..bc454d7f72d 100644 --- a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.js +++ b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder-upload-only.js @@ -9,7 +9,7 @@ ClassicEditor .create( document.querySelector( '#snippet-ckfinder-upload-only' ), { toolbar: { items: [ - 'uploadImage', '|', 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo' + 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo', '|', 'uploadImage' ], viewportTopOffset: 100 }, diff --git a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.html b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.html index 9537efde0bc..cb72693aeda 100644 --- a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.html +++ b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.html @@ -1,3 +1,5 @@
- Use the toolbar button to open the CKFinder file manager. Use the file manager's interface to insert an image or a link to a file. +

CKEditor 5 offers multiple ways to include images in your rich content. You can choose whichever you find more comfortable and efficient for you needs.

+

To upload an image, you can paste it or drag and drop it into the editor.

+

Alternatively, use the toolbar button to open the CKFinder file manager. Use the file manager's interface to insert an image or a link to a file. Thanks to CKFinder you can also edit images, organize them into folders or delete from the server.

diff --git a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.js b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.js index 21a105d3690..fb258055e83 100644 --- a/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.js +++ b/packages/ckeditor5-ckfinder/docs/_snippets/features/ckfinder.js @@ -9,7 +9,7 @@ ClassicEditor .create( document.querySelector( '#snippet-ckfinder' ), { toolbar: { items: [ - 'ckfinder', '|', 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo' + 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo', '|', 'ckfinder' ], viewportTopOffset: 100 }, @@ -27,8 +27,8 @@ ClassicEditor window.attachTourBalloon( { target: window.findToolbarItem( editor.ui.view.toolbar, - item => item.buttonView && item.buttonView.label && item.buttonView.label === 'Insert image or file' ), - text: 'Click to open a file manager.', + item => item.label && item.label === 'Insert image or file' ), + text: 'Click to open the file manager.', editor } ); } ) diff --git a/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.html b/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.html index ad7568300e9..7663a5178e7 100644 --- a/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.html +++ b/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.html @@ -1,3 +1,4 @@
+

CKEditor 5 offers multiple ways to include images in your rich content. You can choose whichever you find more comfortable and efficient for you needs. Use classic interface, or boost productivity with the advanced image handling offered.

Paste or drop an image directly into the editor. You can also use the "Insert image" button in the toolbar.

diff --git a/packages/ckeditor5-remove-format/docs/_snippets/features/build-remove-format-source.js b/packages/ckeditor5-remove-format/docs/_snippets/features/build-remove-format-source.js index 75f0368aab7..50c98b5e4af 100644 --- a/packages/ckeditor5-remove-format/docs/_snippets/features/build-remove-format-source.js +++ b/packages/ckeditor5-remove-format/docs/_snippets/features/build-remove-format-source.js @@ -19,6 +19,6 @@ import Superscript from '@ckeditor/ckeditor5-basic-styles/src/superscript'; import Code from '@ckeditor/ckeditor5-basic-styles/src/code'; ClassicEditor.builtinPlugins.push( - RemoveFormat, Alignment, Font, Bold, Italic, Underline, Strikethrough, Subscript, Superscript, Code ); + Alignment, Font, Bold, Italic, Underline, Strikethrough, Subscript, Superscript, Code, RemoveFormat ); window.ClassicEditor = ClassicEditor; diff --git a/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js b/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js index 7981489f40e..5d3baa77e50 100644 --- a/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js +++ b/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js @@ -9,8 +9,6 @@ ClassicEditor .create( document.querySelector( '#editor' ), { toolbar: { items: [ - 'removeformat', - '|', 'bold', 'italic', 'underline', @@ -18,13 +16,17 @@ ClassicEditor 'code', 'subscript', 'superscript', + '|', 'fontSize', 'fontFamily', + '|', 'alignment', 'link', '|', 'undo', - 'redo' + 'redo', + '|', + 'removeformat' ], viewportTopOffset: window.getViewportTopOffsetConfig() } diff --git a/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.html b/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.html index 7dc61bcb1cd..32a9d7e8c3d 100644 --- a/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.html +++ b/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.html @@ -1,4 +1,5 @@
+

CKEditor 5 offers multiple ways to include images in your rich content. You can choose whichever you find more comfortable and efficient for you needs. Use classic interface, or boost productivity with the advanced image handling offered.

Paste or drop an image directly into the editor. You can also use the "Insert image" button in the toolbar.