Atilekt.NET
Руководство пользователя
×
Меню

5.2. WYSIWYG - редактор

 
WYSIWYG - редактор  - это редактор визуального редактирования страниц.
 
В режиме визуального редактирования вы можете:
 
 
 
Войти в режим WYSIWYG-редакторования можно 2-мя способами:
 
 
 
 
2. В режиме правки страницы кликнуть на кнопку "Перейти на сайт" - в режиме редактирования откроется выбранная страница:
 
 
 
Открывшееся в новой вкладке браузер будет представлен WYSIWYG-редактор.
 
 
Описание работы в WYSIWYG-редакторе
 
С левой стороны окна располагается панель редактора с 4 иконками:
 
 
 
Где:
 
- Возврат в панель управления сайтом
- Просмотр страницы в браузере
- Добавление функциональных блоков на страницу
- Справка
 
Для целей наполнения страницы контентом, функциональными блоками и идивидуализации дизайна используется используются функциональные блоки.
 
При наведении курсора на иконку откроется список блоков, которые вы можете разместить на странице:
 
 
 
 
Блоки предварительно настроены для использования либо в колонке слева, либо в колонке справа - это сделано в целях оптимизации адаптивного отображения на сайте.
 
Важно знать, что адаптивная верстка предусматривает сохранение контента на странице, но для целей правильного отображения производит изменение в расположении колонок. А именно: на смартфонах сначала отображается содержимое левой колонки, а потом правой!
 
Для установки выбранного блока откройте список и кликните на нужный блок - выбранный блок будет установлен:
 
В правой колонке:
 
 
 
В левой колонке:
 
 
Для управления установленным блоком наведите на него курсор - появится меню блока:
 
Где:
 
- редактирование блока
- настройки блока
- перемещение блока (захватить мышкой и перетаскивать)
- удаление блока
 
Для каждого вида блоков "Редактирование" и "Настройка" имеют свои наборы возможностей, их описание читайте в описаниях самих блоков.
 
Общие принципы работы в  WYSIWYG-редакторе
 
При наведении курсора на элементы страницы все из них, доступные для редактирования, отображаются с дополнитнльными элементами:
 
 
 
Для каждого блока и элемента имеется свой набор параметров, свойств, контента.
Редактор текстов для всех элементов одинаков:
 
WYSIWYG-редактор текстов.
 
При клике на тектовое поле (редактируемый элемент) появляется меню редактора:
 
 
В целом меню редактора достаточно понятно и не требует особого пояснения. Однако отдельно выделим 2 пункта меню редактора:
 
 
В некоторых случаях, особенно при копировании текстов из внешних источников, в код добавляется разметка и форматирование источника и вы получаете не тот результат, на который рассчитывали. В этом случае можете воспользоваться функцией очистки формата - кликните на пиктограмму