Новый интерфейс редактора TinyMCE 4


интерфейс редактора TinyMCE 4

Текстовый редактор в системе управления сайта имеет интуитивно понятный интерфейс и предназначен для размещения информации на страницах вашего сайта.

Редактор состоит из 4-х основных полей:
  • Поле названия текста (с этим названием текст будет храниться в "Данных сайта", есть не во всех местах системы управления, например, отсутствует при редактировании описания товара, поскольку описание товара не сохраняется в "Данных сайта");
  • Панель инструментов для работы с содержимым текстового наполнения страницы;
  • Текстовое поле, отображающее содержимое страницы;
  • Кнопки сохранения / отмены внесенных изменений.

Панель инструментов состоит из кнопок (функций)

Изображение кнопки Описание функции
1 На экране: Файл. Меню "Файл" предоставляет следующие возможности:
  phpIbzOen Новый документ - создать новый документ. При выборе пункта меню все объекты текущего документа будут удалены.
  phpnrvcEj Печать - открыть страницу печать документа в браузере.
2 На экране: Изменить. Меню "Изменить" предоставляет следующие возможности: 
  phphmDSqv Вырезать - вырезать объекты документа с возможностью дальнейшей вставки объектов в другое место. 
  phpxDfqC8 Копировать - копировать объекты документа с возможностью дальнейшей вставки объектов в другое место. 
  phpgqu6Yw Вставить - вставить скопированные/вырезанные объекты.
  php1bYXPG Вставить как текст вставить форматированный текст как простой (без форматирования).
  phpioUOxL Выделить всё - выделить все объекты документа.
3 На экране: Вставить. Меню "Вставить" предоставляет следующие возможности:
  phpaVQevO Вставить изображение - кнопка вставки изображения в документ. 
  php68CDuX Вставить видео - кнопка вставки видео в документ.
  php76UPm8 Вставить ссылку - кнопка вставки ссылки для выделенного объекта.
  phpF2nsUP Специальные символы - кнопка вставки специальных символов в документ.
  phpYBqoHX Горизонтальная линия - кнопка вставки горизонтальной линии между объектами (параграфы, абзацы, картинки и т.п.) по всей ширине документа.
  php6LOsjg Якорь кнопка вставки якоря для навигации по странице.
  php9rxUTT Разрыв страницы - вставка пустой строки (чтобы текстовый редактор не воспринял строку как лишнюю и не удалил её).
  phpLy8x7f Вставить дату/время - кнопка вставки даты и времени в документ в выбранном формате.
  php19hxdH Неразрывный пробел - вставка неразрывного пробелва (такой пробел не позволяет программа отображения и печати разорвать в этом месте строку).
4 На экране: Вид. Меню "Вид" предоставляет следующие возможности:
  phpnadMEe Показывать контуры - скрывает/отображает контуры таблиц в документе.
  phpM8dOPV Полноэкранный режим - разворачивает текстовый редактор на весь экран.
5 На экране: Формат. Меню "Формат" предоставляет следующие возможности:
  phpOGEJW4 Полужирный - придает жирность выделенному тексту.
  php6NvGqv Курсив - придает курсив выделенному тексту.
  phpxQiEO2 Подчеркнутый - подчеркивает выделенный текст.
  phpw7G0GX Зачеркнутый - зачеркивает выделенный текст.
  phpEQiyFU Верхний индекс - перевод выделенного текста в надстрочный.
  php0m6MuA Нижний индекс - перевод выделенного текста в подстрочный.
  phpCAMNon Формат - придает форматирование (абзац, заголовки и т.п.) выделенному тексту.
  phpXxWxmA Очистить формат - удалить форматирование выделенного текста.
6 На экране: Таблица. Меню "Таблица" предоставляет следующие возможности:
  phpZzaRRl  

 Вставить таблицу - кнопка установки размера новой таблицы.

  php2RU1VU

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

  php5HPpju

Удалить таблицу - кнопка удаления выделенной таблицы.

  phpkMJC43

Ячейка - кнопка установки параметров выделенной ячейки.

  phpoBy9ft Столбец - кнопка установки параметров выделенного столбца.
  phpnPI01O Строка - кнопка установки параметров выделенной строки.
7 Элементы управления редактором
  На экране: Назад. Отменить - отмена на один шаг назад сделанного действия (изменения) 
  На экране: Вперед.png. Вернуть - повтор отмененного действия (изменения) 
  На экране: Формат. Формат - придает форматирование (абзац, заголовки и т.п.) выделенному тексту 
  На экране: Размер шрифта.png. Шрифт - выбор/изменение шрифта для выделенного текста 
  На экране: Полужирный.png. Полужирный - придает жирность выделенному тексту.
  На экране: Курсив.png. Курсив - придает курсив выделенному тексту.
  На экране: Вставить/редактировать ссылку.png. Вставить/редактировать ссылку - создание/редактирование ссылки из выделенного объекта (текст, картинка) 
  На экране: Вставить/редактировать изображение.png. Вставить/редактировать изображение - кнопка редактирования изображения 
  На экране: Вставить/редактировать видео.png. Вставить/редактировать видео - кнопка редактирования медиа-объектов
  На экране: Цвет текста.png. Цвет текста - окно выбора / изменения цвета выделенного текста 
  На экране: Цвет фона.png. Цвет фона - окно выбора / изменения цвета фона выделенного текста 
  На экране: Редактор CSS стиля.png. Редактировать CSS стиль - изменение стилей текстового наполнения 
  На экране: По левому краю.png. Выравнивание влево - кнопка выравнивания текста влево
  На экране: По центру.png. Выравнивание по центру - кнопка выравнивания текста по центру
  На экране: По правому краю.png. Выравнивание вправо - кнопка выравнивания текста вправо
  На экране: По ширине.png. Выравнивание по ширине - кнопка выравнивания текста по ширине текстового поля
  На экране: Маркированный список.png. Маркированный список - список, маркирующийся кружочком, с каждым абзацем 
  На экране: Нумерованный список.png. Нумерованный список - список, нумерующийся с каждым абзацем 
  На экране: Уменьшить отступ.png. Уменьшить отступ - кнопка уменьшения отступа для выделенного абзаца/параграфа (если отступ имеется)
  На экране: Увеличить отступ.png. Увеличить отступ - кнопка увеличения отступа для выделенного абзаца/параграфа
  На экране: Вставить/редактировать изображение.png. Вставить/редактировать изображение - кнопка вставки изображений в текстовое поле 
  На экране: Вставить/редактировать файл.png. Вставить/редактировать файл - создание ссылки из выделенного объекта (текст, картинка) на файл
  На экране: Вставить ссылку из карты сайта.png. Вставить ссылку из карты сайта - создание ссылки из выделенного объекта (текст, картинка) на страницу из меню сайта
  На экране: noindex.png. noindex - закрытие от индесации выделенного текста
  На экране: Исходный код.png. Исходный код открывает окно редактирования HTML исходника текстового наполнения
  На экране: Поиск и замена.png. Поиск и замена - окно поиска и замены в текстовом поле