Тест встроенного редактора CKEditor на Drupal 8

Иследование функционала редактора CKEditor, включая подключаемого через модули, и его интерпретация стандартной (текущей) темой Drupal 8. Представлен только те возможности, которые можно легко продемонстрировать.

Скриншот панели инструментов Toolbar
Пример панели инструментов Toolbar
(часть функционала обеспечена плагинами)

 

Жирный шрифт, курсив, подчёркивание, зачёркивание, надстрочный текст, подстрочный текст, цветной текст, текст на цветном фоне.

 

Правое выравнивание

 

Неупорядоченный список

  • пункт
  • пункт

Текст сразу за неупорядоченным списком.

 

Упорядоченный список

  1. первый пункт
  2. второй пункт
    1. отступ второго уровня
    2. отступ второго уровня
  3. третий пункт

Текст сразу за упорядоченным списком

 

Текст перед цитатой

Цитата

Текст сразу после цитаты

 

Рисунок (инлайновый, без применения выравнивания): Тестовый рисунок При щелчке открывается во всплывающем окне. (Налаживание всплывания не автроматизировано: нужно войти в сам код и окружить тег рисунка кодом ссылки <a class="colorbox" href="адрес"></a>. Также можно объединять рисунки в группы для прокрутки, реализуется добавлением атрибута data-colorbox-gallery="произвольное_слово".)

Скриншот CKEditor в режиме редактирования кода
Скриншот кода, обеспечивающего вспылывание изображения в окне ColorBox

Подобным образом возможно добавление видео с YouTube и размещение ссылок на файлы.

 

Таблица:

ячейка 1-1 ячейка 1-2
ячейка 2-1 ячейка 2-2

 

Абревиатура: SQL

Нестандартные символы: ¢ £ ¥ ¼ ½ ¾ × Ø ø á é ó ™ ♦ • ► → ⇒ ⇔ ≈, неразрывный пробел

 

Шрифты:
НЕКОТОРЫЙ умный текст - по умолчанию (в этой теме Georgia)
НЕКОТОРЫЙ умный текст - Arial
НЕКОТОРЫЙ умный текст - Comic Sans MS
НЕКОТОРЫЙ умный текст - Courier New
НЕКОТОРЫЙ умный текст - Georgia
НЕКОТОРЫЙ умный текст - Lucida Sans Unicode
НЕКОТОРЫЙ умный текст - Tahoma
НЕКОТОРЫЙ умный текст - Times New Roman
НЕКОТОРЫЙ умный текст - Trebuchet MS
НЕКОТОРЫЙ умный текст - Verdana

Заголовок спойлера

Оформление абзацев и заголовков:
Обычный абзац, написанный "номальным текстом"

Следующий обычный абзац,
который едёт сразу перед заголовком 1-го уровня

заголовок 1-го уровня

текст между заголовками

заголовок 2-го уровня

текст между заголовками

заголовок 3-го уровня

текст между заголовками

заголовок 4-го уровня

текст между заголовками

заголовок 5-го уровня

текст между заголовками

заголовок 6-го уровня

текст сразу после заголовка 6-го уровня

Fotmatted text
(как и стиль заголовка, данный стиль может быть применён только ко всему абзацу, но не к его части)

следующий обычный текст

 


Базовые возможности редакторов, которые оказалось сложно реализовать в CKEditor на Drupal 8:
  применение своих стилей к тексту (опция есть, но применённые стили не отображаются в самом CKEditor, что противоречит принципу WYSIWYG и делает их неудобными в использовании)

Add new comment

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.