Bez popisu

Andrey Titovskiy 8a2ed76748 fix exports před 1 měsícem
.vscode a6ee8d4638 replace with actual code před 4 roky
build 8a2ed76748 fix exports před 1 měsícem
sample 938473f993 v46 release update před 1 měsícem
src 505d661dea downgrade to v44 před 1 měsícem
tests a6ee8d4638 replace with actual code před 4 roky
.DS_Store 505d661dea downgrade to v44 před 1 měsícem
.gitignore a6ee8d4638 replace with actual code před 4 roky
CHANGELOG.md a6ee8d4638 replace with actual code před 4 roky
CONTRIBUTING.md 0ee684a444 Docs: Fixed spelling. před 7 roky
LICENSE.md 41519708a8 test update před 3 roky
README.md 8ff13931ff fix exports před 1 měsícem
package-lock.json 505d661dea downgrade to v44 před 1 měsícem
package.json 505d661dea downgrade to v44 před 1 měsícem
test-export.html 8ff13931ff fix exports před 1 měsícem
test-export.js 8ff13931ff fix exports před 1 měsícem
webpack.config.js 8a2ed76748 fix exports před 1 měsícem
yarn.lock 505d661dea downgrade to v44 před 1 měsícem

README.md

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)