|
|
@@ -1,70 +1,86 @@
|
|
|
-CKEditor 5 classic editor build
|
|
|
-========================================
|
|
|
+# CKEditor 5 Custom Build v44.3.0
|
|
|
|
|
|
-[](https://www.npmjs.com/package/@ckeditor/ckeditor5-build-classic)
|
|
|
-[](https://david-dm.org/ckeditor/ckeditor5-build-classic)
|
|
|
-[](https://david-dm.org/ckeditor/ckeditor5-build-classic?type=dev)
|
|
|
+Кастомная сборка CKEditor 5 версии 44.3.0 с тремя типами редакторов.
|
|
|
|
|
|
-The classic editor build for CKEditor 5. Read more about the [classic editor build](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html#classic-editor) and see the [demo](https://ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html).
|
|
|
+## Доступные редакторы
|
|
|
|
|
|
-
|
|
|
+### 1. ClassicEditor
|
|
|
+Классический редактор с фиксированной панелью инструментов.
|
|
|
|
|
|
-## Documentation
|
|
|
+```javascript
|
|
|
+import { ClassicEditor } from './build/ckeditor.js';
|
|
|
|
|
|
-See:
|
|
|
-
|
|
|
-* [Installation](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/installation.html) for how to install this package and what it contains.
|
|
|
-* [Basic API](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/basic-api.html) for how to create an editor and interact with it.
|
|
|
-* [Configuration](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/configuration.html) for how to configure the editor.
|
|
|
-* [Creating custom builds](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html) for how to customize the build (configure and rebuild the editor bundle).
|
|
|
+ClassicEditor
|
|
|
+ .create(document.querySelector('#editor'))
|
|
|
+ .then(editor => {
|
|
|
+ console.log('ClassicEditor готов к использованию', editor);
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ console.error('Ошибка инициализации ClassicEditor:', error);
|
|
|
+ });
|
|
|
+```
|
|
|
|
|
|
-## Quick start
|
|
|
+### 2. BalloonEditor
|
|
|
+Редактор с плавающей панелью инструментов.
|
|
|
|
|
|
-First, install the build from npm:
|
|
|
+```javascript
|
|
|
+import { BalloonEditor } from './build/ckeditor.js';
|
|
|
|
|
|
-```bash
|
|
|
-npm install --save @ckeditor/ckeditor5-build-classic
|
|
|
+BalloonEditor
|
|
|
+ .create(document.querySelector('#editor'))
|
|
|
+ .then(editor => {
|
|
|
+ console.log('BalloonEditor готов к использованию', editor);
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ console.error('Ошибка инициализации BalloonEditor:', error);
|
|
|
+ });
|
|
|
```
|
|
|
|
|
|
-And use it in your website:
|
|
|
-
|
|
|
-```html
|
|
|
-<div id="editor">
|
|
|
- <p>This is the editor content.</p>
|
|
|
-</div>
|
|
|
-<script src="./node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js"></script>
|
|
|
-<script>
|
|
|
- ClassicEditor
|
|
|
- .create( document.querySelector( '#editor' ) )
|
|
|
- .then( editor => {
|
|
|
- window.editor = editor;
|
|
|
- } )
|
|
|
- .catch( error => {
|
|
|
- console.error( 'There was a problem initializing the editor.', error );
|
|
|
- } );
|
|
|
-</script>
|
|
|
+### 3. InlineEditor
|
|
|
+Встроенный редактор, который превращает любой элемент в редактируемый.
|
|
|
+
|
|
|
+```javascript
|
|
|
+import { InlineEditor } from './build/ckeditor.js';
|
|
|
+
|
|
|
+InlineEditor
|
|
|
+ .create(document.querySelector('#editor'))
|
|
|
+ .then(editor => {
|
|
|
+ console.log('InlineEditor готов к использованию', editor);
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ console.error('Ошибка инициализации InlineEditor:', error);
|
|
|
+ });
|
|
|
```
|
|
|
|
|
|
-Or in your JavaScript application:
|
|
|
+## Включенные плагины
|
|
|
|
|
|
-```js
|
|
|
-import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
|
|
|
+- **Основные**: Essentials, Autoformat, Bold, Italic, Underline, Strikethrough, Subscript, Superscript
|
|
|
+- **Структура**: Heading, BlockQuote, List, ListProperties, Indent
|
|
|
+- **Медиа**: Image, ImageCaption, ImageStyle, ImageToolbar, ImageUpload, ImageResize, LinkImage, MediaEmbed
|
|
|
+- **Таблицы**: Table, TableToolbar, TableProperties, TableCellProperties, TableColumnResize
|
|
|
+- **Стили**: FontSize, FontFamily, FontColor, FontBackgroundColor, Alignment
|
|
|
+- **Дополнительные**: Link, CodeBlock, HorizontalLine, SpecialCharacters, SpecialCharactersEssentials
|
|
|
+- **Служебные**: Clipboard, PasteFromOffice, RemoveFormat, TextTransformation
|
|
|
|
|
|
-// Or using the CommonJS version:
|
|
|
-// const ClassicEditor = require( '@ckeditor/ckeditor5-build-classic' );
|
|
|
+## Конфигурация
|
|
|
|
|
|
-ClassicEditor
|
|
|
- .create( document.querySelector( '#editor' ) )
|
|
|
- .then( editor => {
|
|
|
- window.editor = editor;
|
|
|
- } )
|
|
|
- .catch( error => {
|
|
|
- console.error( 'There was a problem initializing the editor.', error );
|
|
|
- } );
|
|
|
-```
|
|
|
+Все редакторы используют одинаковую конфигурацию по умолчанию с поддержкой:
|
|
|
+- Русского языка
|
|
|
+- Полного набора инструментов форматирования
|
|
|
+- Работы с изображениями и таблицами
|
|
|
+- Специальных символов и эмодзи
|
|
|
+
|
|
|
+## Сборка
|
|
|
|
|
|
-**Note:** If you are planning to integrate CKEditor 5 deep into your application, it is actually more convenient and recommended to install and import the source modules directly (like it happens in `ckeditor.js`). Read more in the [Advanced setup guide](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/advanced-setup.html).
|
|
|
+Для пересборки проекта:
|
|
|
+
|
|
|
+```bash
|
|
|
+npm install
|
|
|
+npm run build
|
|
|
+```
|
|
|
|
|
|
-## License
|
|
|
+## Версия
|
|
|
|
|
|
-Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html). For full details about the license, please check the `LICENSE.md` file or [https://ckeditor.com/legal/ckeditor-oss-license](https://ckeditor.com/legal/ckeditor-oss-license).
|
|
|
+- **CKEditor 5**: 44.3.0
|
|
|
+- **Dev-утилиты**: 44.2.1
|
|
|
+- **Дата сборки**: $(date)
|