Содержание:
1. Почему стоит выбрать html-редактор?
2. 5 частей визуального редактора html
1. Почему стоит выбрать html-редактор?
Здравствуйте, коллеги. Для того чтобы более эффективно управлять информацией на сайте, давайте попробуем подключить к работе html-редактор сайта в системе 1С:Битрикс. Его главным преимуществом является использование компонентов. То есть, работая с html-редактором, мы можем разместить их на странице, поменять параметры работы с содержанием изменяемой информации. Кроме того, визуальный редактор html обладает и другими преимуществами, позволяющими редактировать материалы, которые при выборе визуального редактора html выглядят также, как и при просмотре сайта в пользовательском режиме.
Отдельно хочется выделить встроенный заранее в код html-редактора набор необходимых инструментов, что полностью избавит Вас от потребности в дополнительных установках. Есть возможность редактировать как изменяемую информацию, так и постоянную. Еще одной приятной фишкой html-редактора при работе с 1С:Битрикс также является то, что в нем представлена возможность проверять правильность написания текста с точки зрения орфографии. Есть возможность работы с таблицами, гиперссылками и так далее.
5 частей html-редактора сайта
2. 5 частей визуального редактора html
Визуальный редактор html условно можно разделить на пять составных частей. Он единообразно отображается как в общественной части, так и в управленческой части сайта, где происходит администрирование. На рисунке я отметил названия этих частей и выделил их разными цветами, для удобства восприятия.
Давайте более подробно разберемся с каждой из панелей. В первую очередь мы работаем с панелью инструментов. Похожая панель имеется в большинстве популярных редакторов, кнопки которых имеют группировку по смыслу и подобию. Большинство отображаемых кнопок всем известны, как мне кажется, и в представлении не нуждаются. Однако на нескольких из них я бы заострил внимание.
· В выпадающем списке «Стиль» реализованы инструменты для работы с заголовками. Все по аналогии с Word, excel и подобными. Здесь представлены стили для оформления текста. Стили можно генерировать самостоятельно и добавлять в данный список.
· Кнопка «SEO» необходима для закрепления авторских прав при отправке текста в Яндекс.
· Стили шаблонов страниц сайта позволяют устанавливать разные шаблоны страниц сайта.
·Работа с таблицами аналогична функционалу большинства других редакторов, в которых можно менять свойства.
· Очень удобно реализованы гиперссылки, в которых наглядно отображены все настраиваемые параметры вплоть до подсказок.
· Дополнительные настройки помогают автоматически формировать текст при копировании его из Word. Благодаря данной настройке можно определить заранее, как текст будет отображаться после копирования из редактора.
Переключение режимов редактирования. Здесь представлена информация, деленная на 4 «подменю-кнопки», каждая из которых имеет свое назначение. Обычно переключатель режимов по умолчанию находится в состоянии визуального редактора. Этот режим показывает объекты в редакторе в том же виде, в котором информация будет доступна в пользовательском режиме на сайте. Вторая кнопка переключает редактор в режим отображения в виде редактора кода html – для любителей писать код самостоятельно. Третий и четвёртый – смешанные режимы, в которых отображается и код, и визуальная часть представления информации.
Все элементы контента располагается в рабочей области, которая будет показываться при просмотре сайта. Здесь есть возможность добавлять статическую и динамическую информацию при помощи простого перетаскивания на рабочую область из панели задач.
Справа находится панель задач, которую можно скрыть и отобразить путем щелчка мышки по соответствующей кнопке. На панели находятся компоненты и сниппеты сайта. Так же как мы раскрывали панель, можно раскрыть и закрыть сам компонент и сниппет сайта (в виде групп). Существует возможность обновить список этих компонентов и сниппетов путем нажатия кнопки «Обновить» на них.
Ну и последнее – панель навигации, которая отображает информацию в зависимости от положения курсора выделения.
Работая вместе, эти компоненты предоставляют нам отличный инструмент для управления контентом при разработке сайтов на 1С:Битрикс.
Специалист компании «Кодерлайн»
Юрий Сахно