8
0
Просмотр исходного кода

Docs: Some corrections in CKFinder guide. [skip ci]

Anna Tomanek 7 лет назад
Родитель
Сommit
62a82fcfed
1 измененных файлов с 33 добавлено и 28 удалено
  1. 33 28
      packages/ckeditor5-ckfinder/docs/features/ckfinder.md

+ 33 - 28
packages/ckeditor5-ckfinder/docs/features/ckfinder.md

@@ -28,6 +28,10 @@ This feature can be used in the rich-text editor in two different ways:
 
 	Check out the [CKFinder file manager website](https://ckeditor.com/ckfinder/) to learn more about the features you can use in your project.
 
+<info-box info>
+	This feature is enabled by default in all builds.
+</info-box>
+
 ## Demo
 
 ### Image upload only
@@ -48,34 +52,6 @@ This demo shows the [full integration](#configuring-the-full-integration) with t
 
 {@snippet features/ckfinder}
 
-## Installation
-
-<info-box info>
-	This feature is enabled by default in all builds. The installation instructions are for developers interested in building their own, custom WYSIWYG editor.
-</info-box>
-
-To add this feature to your editor, install the [`@ckeditor/ckeditor5-ckfinder`](https://www.npmjs.com/package/@ckeditor/ckeditor5-ckfinder) package:
-
-```bash
-npm install --save @ckeditor/ckeditor5-ckfinder
-```
-
-Then add {@link module:ckfinder/ckfinder~CKFinder} to your plugin list and [configure](#configuration) the feature (when necessary). For instance:
-
-```js
-import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder';
-
-ClassicEditor
-	.create( document.querySelector( '#editor' ), {
-		plugins: [ CKFinder, ... ],
-		toolbar: [ 'ckfinder', 'imageUpload' ... ], // Depending on your preference.
-		ckfinder: {
-			// Feature configuration.
-		}
-	} )
-	.then( ... )
-	.catch( ... );
-```
 
 ## Configuration
 
@@ -175,6 +151,35 @@ ClassicEditor
 	.catch( ... );
 ```
 
+## Installation
+
+<info-box info>
+	This feature is enabled by default in all builds. The installation instructions are for developers interested in building their own, custom WYSIWYG editor.
+</info-box>
+
+To add this feature to your editor, install the [`@ckeditor/ckeditor5-ckfinder`](https://www.npmjs.com/package/@ckeditor/ckeditor5-ckfinder) package:
+
+```bash
+npm install --save @ckeditor/ckeditor5-ckfinder
+```
+
+Then add {@link module:ckfinder/ckfinder~CKFinder} to your plugin list and [configure](#configuration) the feature (when necessary). For instance:
+
+```js
+import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder';
+
+ClassicEditor
+	.create( document.querySelector( '#editor' ), {
+		plugins: [ CKFinder, ... ],
+		toolbar: [ 'ckfinder', 'imageUpload' ... ], // Depending on your preference.
+		ckfinder: {
+			// Feature configuration.
+		}
+	} )
+	.then( ... )
+	.catch( ... );
+```
+
 ## Common API
 
 The {@link module:ckfinder/ckfinder~CKFinder} plugin registers: