Блоги

Добавить

Как пользоваться редактором

 

CKEditor 4 — WYSIWYG редактор статей. Он позволяет выполнять гибкое форматирование текстов, включающее работу со стилями, списками, ссылками, графическими изображениями и т.д.
 

Интерфейс


Окно редактора
Рисунок 1. Окно редактора

В окне WYSIWYG редактора находятся следующие панели кнопок:

Переключение режима просмотра
Печать и выбор шаблона статьи
Работа с буфером обмена (вырезать, копировать, вставить, отменить)
Поиск и замена
Создание форм
Вставка спойлеров (сворачиваемого текста) и разрывов страниц
Изменение стиля текста
Форматирование абзацев
Вставка ссылок
Вставка медиа-контента сторонних сайтов
Вставка объектов
Выбор стиля форматирования
Выбор форматирования абзаца
Выбор шрифта
Выбор размера шрифта
Выбор цвета текста или фона
Проверка орфографии
Дополнительные возможности просмотра (отобразить блоки и развернуть)


В нижней панели окна редактора содержится информация о текущем теге и статистика текста:

Символов Количество символов в статье
Выделено Количество выделенных символов
Исходник Количество символов в HTML-коде статьи с учетом тегов
Слов Количество слов в тексте


В панели переключения режимов просмотра редактора находятся кнопки:

Кнопка переключения режима отображения. Если кнопка включена, то отображается HTML-код статьи. Если выключена, то статья отображается в том виде, в котором она будет представлена на веб-странице.
Кнопка предварительного просмотра. При нажатии статья открывается в отдельном окне веб-браузера для предварительного просмотра.

 

Печать и выбор шаблона статьи


В панели печати и выбора шаблона статьи находятся следующие кнопки:

Печать статьи на принтере. После нажатия на данную кнопку откроется стандартное диалоговое окно с предложением выбрать принтер и отправить на печать текст статьи.
Выбор шаблона статьи:
  • Image and Title – шаблон статьи, содержащей заголовок, изображение и текст
  • Strange Template – шаблон статьи, текст которой разделен на две колонки
  • Text and Table – шаблон статьи, содержащей заголовок, таблицу и текст

Шаблон представляет собой предопределенный HTML-код разметки будущей статьи. Описание шаблонов содержится в файле «plugins/templates/templates/default.js». Можно добавить пользовательские шаблоны в данный файл или создать отдельный файл с шаблонами и настроить CKEditor на работу с ним.

 

Работа с буфером обмена


В редакторе доступны следующие операции по работе с буфером обмена:

Кнопка «Вырезать». Вырезает выделенный фрагмент статьи и помещает его в буфер обмена.
Кнопка «Копировать». Копирует выделенный фрагмент статьи и помещает его в буфер обмена.
Кнопка «Вставить». Вставляет в статью содержимое буфера обмена. Если текст вставляется из внешних приложений, например, MS Office, при вставке будут включены все теги, связанные с форматированием. Большая часть данных тегов является лишней и должна быть удалена, что затрудняет редактирование статьи. Поэтому данной кнопкой рекомендуется пользоваться только для вставки неформатированных текстов.
Кнопка «Вставить только текст». Аналогична кнопке «Вставить». При вставке фрагмента статьи из буфера обмена его форматирование полностью удаляется.
Кнопка «Вставить из Word». Аналогично кнопке «Вставить». Используется, если требуется сохранить форматирование вставляемого фрагмента. При вставке оптимальным образом сохраняется внешний вид текста и удаляется ненужное форматирование. Рекомендуется использовать при копировании текста из MS Word или других приложений MS Office.
Кнопка «Отменить». Используется для отмены последнего выполненного изменения.
Кнопка «Повторить». Используется для возврата последнего отмененного изменения.

 

Поиск и замена


В панели поиска и замены находятся следующие кнопки:

Кнопка «Найти». Используется для поиска заданного фрагмента текста в статье.
Кнопка «Заменить». Используется для поиска и замены фрагмента текста в статье.
Кнопка «Выделить все». При нажатии на данную кнопку выделяется все содержимое статьи.

 

Поиск


При нажатии на кнопку «Найти» открывается окно поиска:

В поле «Найти» вводится искомый фрагмент текста.
Доступны следующие опции:

  • Учитывать регистр. Если опция включена, то при поиске будет учитываться регистр символов искомого фрагмента.
  • Только слово целиком. Если опция включена, то редактор будет искать введенный фрагмент как слово целиком. В результаты поиска не попадут слова, для которых введенный фрагмент является частью.
  • По всему тексту. Если опция включена, то при достижении конца статьи поиск будет продолжен с ее начала. Если опция отключена, то при достижении конца статьи поиск будет завершен.


Для выполнения поиска необходимо ввести искомый фрагмент, включить требуемые опции поиска и нажать кнопку «Найти». Редактор выполнит поиск и выделит первый найденный фрагмент в тексте статьи. При каждом повторном нажатии на кнопку «Найти» редактор будет выполнять поиск далее по тексту и выделять очередной найденный фрагмент.

Замена


При нажатии на кнопку «Заменить» открывается окно замены фрагмента текста:

В поле «Найти» вводится искомый фрагмент текста. В поле «Заменить на» текст, на который требуется заменить искомый фрагмент.
Доступны следующие опции:

  • Учитывать регистр. Если опция включена, то при поиске будет учитываться регистр символов искомого фрагмента.
  • Только слово целиком. Если опция включена, то редактор будет искать введенный фрагмент как слово целиком. В результаты поиска не попадут слова, для которых введенный фрагмент является частью.
  • По всему тексту. Если опция включена, то при достижении конца статьи поиск будет продолжен с ее начала. Если опция выключена, то при достижении конца статьи поиск будет завершен.


Для выполнения замены необходимо заполнить поля «Найти» и «Заменить на», включить требуемые опции поиска и нажать кнопку «Заменить» или «Заменить все». При нажатии на кнопку «Заменить» редактор выполнит поиск и заменит первый найденный фрагмент в тексте статьи. При каждом повторном нажатии на кнопку «Заменить» редактор будет выполнять поиск далее по тексту и заменять очередной найденный фрагмент.
При нажатии на кнопку «Заменить все» редактор сразу выполнит поиск и замену требуемого фрагмента по всему тексту статьи.