README.md 3.0 KB

CKEditor 5 Custom Build v44.3.0

Кастомная сборка CKEditor 5 версии 44.3.0 с тремя типами редакторов.

Доступные редакторы

1. ClassicEditor

Классический редактор с фиксированной панелью инструментов.

import { ClassicEditor } from './build/ckeditor.js';

ClassicEditor
    .create(document.querySelector('#editor'))
    .then(editor => {
        console.log('ClassicEditor готов к использованию', editor);
    })
    .catch(error => {
        console.error('Ошибка инициализации ClassicEditor:', error);
    });

2. BalloonEditor

Редактор с плавающей панелью инструментов.

import { BalloonEditor } from './build/ckeditor.js';

BalloonEditor
    .create(document.querySelector('#editor'))
    .then(editor => {
        console.log('BalloonEditor готов к использованию', editor);
    })
    .catch(error => {
        console.error('Ошибка инициализации BalloonEditor:', error);
    });

3. InlineEditor

Встроенный редактор, который превращает любой элемент в редактируемый.

import { InlineEditor } from './build/ckeditor.js';

InlineEditor
    .create(document.querySelector('#editor'))
    .then(editor => {
        console.log('InlineEditor готов к использованию', editor);
    })
    .catch(error => {
        console.error('Ошибка инициализации InlineEditor:', error);
    });

Включенные плагины

  • Основные: 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

Конфигурация

Все редакторы используют одинаковую конфигурацию по умолчанию с поддержкой:

  • Русского языка
  • Полного набора инструментов форматирования
  • Работы с изображениями и таблицами
  • Специальных символов и эмодзи

Сборка

Для пересборки проекта:

npm install
npm run build

Версия

  • CKEditor 5: 44.3.0
  • Dev-утилиты: 44.2.1
  • Дата сборки: $(date)