Функции редактирования

Использование визуального редактора TinyMCE
 

3.4.1 Функции редактирования
 

В системе qusiter.ru используется, изображенный на рисунке 3.7, визуальный редактор текстов TinyMCE. Tiny Moxiecode Content Editor (TinyMCE) является платформонезависимым Javascript HTML WYSIWYG редактором с открытым исходным кодом. Это означает, что введенный и отформатированный Вами текст в режиме редактирования будет точь в точь соответствовать тому, что пользователь увидит на сайте в режиме просмотра.

 

Рисунок 3.7 – Визуальный редактор TinyMCE
 

В таблице 3.2 приведено функциональное назначение основных кнопок редактора TinyMCE.

Таблица 3.2 – Функциональное назначение кнопок редактора TinyMCE

Кнопка

Назначение

Примечание

 

Вырезать

Удаляет выделенный текст из редактора и сохраняет его в буфере обмена

 

Копировать

Сохраняет выделенный текст в буфер обмена

 

Вставить

Вставляет, хранящийся в буфере обмена текст, в текущую позицию текстового курсора

 

Вставить как текст

Вставляет, хранящийся в буфере обмена текст, в текущую позицию текстового курсора, удаляя при этом всю информацию о форматировании

 

Вставить текст из редактора Word

Обычно большие тексты набираются заранее в редакторе Word. Текст, скопированный из редактора Word вставлять напрямую в редактор нельзя, так как Word использует при оформлении много лишних тэгов, которые могут привести к неправильному отображению текста на интернет-странице.

 

Отмена предыдущего действия

Можно также воспользоваться комбинацией клавиш CTRL + Z.

 

Возврат отмененного действия

 

 

Стиль

Изменение стиля выделенного текста

 

Формат

Изменение формата абзаца. Устанавливает html-теги обрамления абзаца для формата:

  • абзац -

  • адрес -
  • переформатированный -
    
    
  • заголовок 1 -

  • заголовок 2 -

  • заголовок 3 -

  • заголовок 4 -

  • заголовок 5 -
  • заголовок 6 -
 

Шрифт

Изменение шрифта выделенного текста

 

Размер шрифта

Изменение размера шрифта

 

Полужирный текст

Применение полужирного начертания к выделенному тексту

 

Курсив

Применение курсивного начертания к выделенному тексту

 

Подчеркнутый текст

Подчеркивание выделенного текста

 

Зачеркнутый текст

Добавление линии, проходящей через середину выделенного текста

 

Выровнять текст по левому краю

Выравнивание текста по левому краю

 

Выровнять по центру

Выравнивание текста по центру

 

Выровнять текст по правому краю

Выравнивание текста по правому краю

 

Выровнять по ширине

Выравнивание текста одновременно по левому и правому полям за счет добавления  дополнительных интервалом между словами там, где это необходимо. Другими словами, текст распределяется равномерно между левым и правым краями.

 

Маркированный список

Начало маркированного списка

 

Нумерованный список

Начало маркированного списка. Нумерованные списки применяются только в 3-х случаях:

  1. ниже по тексту планируется ссылаться на номера списка;
  2. при описании действий (шагов), которые нуждаются в точном соблюдении правильной последовательности;
  3. необходимо подсчитать точное количество пунктов.

Во всех остальных случаях предпочтительнее использовать маркированные списки.

 

Сдвиг абзаца вправо

Увеличение уровня отступа абзаца.

 

Сдвиг абзаца влево

Если абзац был сдвинут вправо, то его можно сдвинуть влево этой кнопкой.

 

Добавить/изменить гиперссылку

Создание/изменение на выделенном тексте гиперссылки на веб-страницу, рисунок, якорь, адрес электронной почты и т.п. См. раздел 3.4.2.

 

Удалить гиперссылку

Удаляет гиперссылку установленную на тексте или изображении

 

Добавить/изменить якорь

 

 

Добавить/изменить изображение

Вставка в текст и изменение параметров добавленного изображения. См. раздел 3.4.3.

 

Цвет текста

 

 

Цвет выделения текста

 

 

Очистить формат

 

 

Очистит лишний код

Удаляет html-теги которые не влияют на отображение текста

 

Добавить/изменить таблицы

Вставка в текст и изменение параметров добавленной таблицы. См. раздел 3.4.5.

 

Параметры строки

 

 

Параметры ячейки

 

 

Добавить строку сверху

 

 

Добавить строку снизу

 

 

Удалить строку

 

 

Добавить столбец слева

 

 

Добавить столбец справа

 

 

Удалить столбец

 

 

Разбить ячейку

 

 

Объединить ячейки

 

 

Подстрочный знак

Создание маленьких букв ниже опорное линии текста

 

Надстрочный знак

Создание маленьких букв выше опорное линии текста

 

Добавить символ

 

 

Добавить/изменить клип

Вставка в текст и изменение параметров добавленного видео-клипа. См. раздел 3.4.4.

 

Редактировать html-код

 

 

Полноэкранный режим

Разворачивает окно редактора TinyMCE на весь экран интернет-обозревателя