Новый интерфейс (TinyMCE 4)

На экране: фулл.png.

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

Редактор состоит из 4-х основных полей:

  1. Поле названия текста (с этим названием текст будет храниться в "Данных сайта", есть не во всех местах системы управления, например, отсутствует при редактировании описания товара, поскольку описание товара не сохраняется в "Данных сайта");
  2. Панель инструментов для работы с содержимым текстового наполнения страницы;
  3. Текстовое поле, отображающее содержимое страницы;
  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

На экране: S3.png.  Меню "S3" предоставляет следующие возможности:
  phpeC2Asd Вставить/редактировать изображение - вставка или редактирование изображения, ранее загруженного в систему управления.
  phprrHOKn Вставить Flash-объект - вставка флеш-ролика, ранее загруженного в систему управления.
  phplyIXUa Вставить S3 Media - вставка медиа файлов, ранее загруженных в систему управления.
  phplFjrAY

Вставить кнопку - вставка кнопки, созданной в системе управления.

  phpvZQ432 Вставить/редактировать файл - вставка и редактирование файлов,  ранее загруженных в систему управления.
  phpeKqpAV Вставить ссылку из карты сайта - вставка ссылки на одну из страниц Вашего сайта.
  phpdVGl8G Вставить ссылку на товар магазина - вставка ссылки на товар, соданный в Вашем магазине.
  php9s4Yqu Вставить ссылку на категорию магазина - вставка ссылки на категорию товаров Вашего магазина.
  phproBPT9 noindex  закрытие от индесации выделенного текста/

8

На экране: Назад. Отменить - отмена на один шаг назад сделанного действия (изменения) 

9

На экране: Вперед.png. Вернуть - повтор отмененного действия (изменения) 

10

На экране: Формат. Формат - придает форматирование (абзац, заголовки и т.п.) выделенному тексту 

11

На экране: Шрифт.png. Шрифт - выбор/изменение шрифта для выделенного текста 

12

На экране: Размер шрифта.png. Шрифт - выбор/изменение шрифта для выделенного текста 

13

На экране: Полужирный.png. Полужирный - придает жирность выделенному тексту.

14

На экране: Курсив.png. Курсив - придает курсив выделенному тексту.

15

На экране: Вставить/редактировать ссылку.png. Вставить/редактировать ссылку - создание/редактирование ссылки из выделенного объекта (текст, картинка) 

16

На экране: Вставить/редактировать изображение.png. Вставить/редактировать изображение - кнопка редактирования изображения 

17

На экране: Вставить/редактировать видео.png. Вставить/редактировать видео - кнопка редактирования медиа-объектов

18

На экране: Цвет текста.png. Цвет текста - окно выбора / изменения цвета выделенного текста 

19

На экране: Цвет фона.png. Цвет фона - окно выбора / изменения цвета фона выделенного текста 

20

На экране: Редактор CSS стиля.png. Редактировать CSS стиль - изменение стилей текстового наполнения 

21

На экране: По левому краю.png.  Выравнивание влево - кнопка выравнивания текста влево

22

На экране: По центру.png.  Выравнивание по центру - кнопка выравнивания текста по центру

23

На экране: По правому краю.png.  Выравнивание вправо - кнопка выравнивания текста вправо

24

На экране: По ширине.png.  Выравнивание по ширине - кнопка выравнивания текста по ширине текстового поля

25

На экране: Маркированный список.png. Маркированный список - список, маркирующийся кружочком, с каждым абзацем 

26

На экране: Нумерованный список.png. Нумерованный список - список, нумерующийся с каждым абзацем 

27

На экране: Уменьшить отступ.png.  Уменьшить отступ - кнопка уменьшения отступа для выделенного абзаца/параграфа (если отступ имеется)

28

На экране: Увеличить отступ.png.  Увеличить отступ - кнопка увеличения отступа для выделенного абзаца/параграфа

29

На экране: Вставить/редактировать изображение.png. Вставить/редактировать изображение - кнопка вставки изображений в текстовое поле 

30

На экране: Вставить/редактировать flash объект.png.  Вставить Flash-объект - кнопка вставки флеш-ролика из галереи

31

На экране: Вставить S3 Media.png.  Вставить S3 медиа - кнопка вставки медиа-объектов 

32

На экране: Вставить кнопку.png.  Вставить кнопку вставка кнопки, созданной в системе управления.

33

На экране: Вставить/редактировать файл.png.  Вставить/редактировать файл - создание ссылки из выделенного объекта (текст, картинка) на файл

34

На экране: Вставить ссылку из карты сайта.png.  Вставить ссылку из карты сайта - создание ссылки из выделенного объекта (текст, картинка) на страницу из меню сайта

35

На экране: Вставить ссылку на товар магазина.png.  Вставить ссылку на товар из магазина - создание ссылки из выделенного объекта (текст, картинка) на продукт из магазина

36

На экране: Вставить ссылку на категорию магазина.png.  Вставить ссылку на категорию магазщина - вставка ссылки на категорию товаров Вашего магазина.

37

На экране: noindex.png. noindex - закрытие от индесации выделенного текста

38

На экране: Исходный код.png.  Исходный код открывает окно редактирования HTML исходника текстового наполнения

39

На экране: Поиск и замена.png.  Поиск и замена - окно поиска и замены в текстовом поле
Была ли статья вам полезна? Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий
Навигация