1C-Битрикс: Управление сайтом ASP.NET

Визуальный редактор

В этом разделе

  • Закладка "Редактирование"
  • Настройки интерфейса редактора
  • Кнопки панели инструментов редактора
  • Закладка "Свойства"
  • Закладка "Кодировка"
  • Кнопки управления

  • Загрузка графики на сайт
  • Визуальные компоненты
  • Специальный программный модуль реализует визуальный редактор, позволяющий изменять текст и графику веб-страницы в режиме реального времени через браузер. Вы сможете размещать внутри страницы изображения, форматировать текст, добавлять таблицы, делать разметку и т.д. Внешнее оформление созданных вами страниц не будет отличаться от уже существующих. На базе изменений (удаление, создание, редактирование) редактор генерирует код. Обновление страницы в публичном разделе сайта выполняется автоматически после сохранения изменений.

    При редактировании выполняется изменение только внутренней (рабочей) области страницы, что позволяет сохранить общий дизайн сайта. Управлять сайтом с помощью визуального редактора вы можете с любого компьютера, на котором установлен Internet Explorer (версии 6 и выше) и Mozilla FireFox (версии 1.5 и выше).

    При редактировании страницы в административном разделе форма визуального редактора разделена на три закладки:

    • Редактирование;
    • Свойства;
    • Кодировка.

    Закладка "Редактирование"

    Закладка содержит окно визуального редактора и предназначена для создания и редактирования информационного содержания документа. Меню окна редактора имеет очень удобный интерфейс, представляющий собой типовой набор действий текстового редактора MS Word:

    Редактор может иметь различный функционал, в зависимости от прав доступа конкретного пользователя и способа открытия редактора. Для удобства работы окно визуального редактора разделено на три области:

    • Редактирование;
    • Свойства;
    • Визуальные компоненты.

    Последние две области можно свернуть и вновь открыть, воспользовавшись кнопками Компоненты и Свойства в нижней панели редактора.

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

    Редактор имеет регулируемый интерфейс, в котором можно включить или отключить панели:

    Панель Описание
    Стандартные Неотключаемая панель с основными командами: настройка внешнего вида редактора, добавление таблицы, вставка изображения и т.д.
    Стиль Управление стилями текста.
    Форматирование Управление форматированием текста.
    Режимы редактирования Выбор одного из трех режимов редактирования: Режим визуального редактирования, Режим редактирования исходного кода, Совмещенный режим редактирования.
    Шаблон сайта Позволяет переключать таблицы стилей и шаблоны компонентов, относящиеся к разным шаблонам сайта. Только стили и шаблоны компонентов выбранного шаблона сайта могут быть использованы на текущей странице.
    Управление и настройки Панель команд администратора, которая содержит кнопки сохранения и выхода из редактора. В зависимости от уровня доступа может быть не видна.
    Области наполнения страницы Управление областями наполнения страницы.

    Настройка интерфейса редактора осуществляется вызовом диалога Настройки визуального редактора с помощью кнопки . Форма настроек состоит из трех закладок, с помощью которых можно управлять содержимым панелей визуального редактора.

    Настройки визуального редактора
    Панели инструментов
    СтандартныеНеотключаемая панель.
    СтильМожно отключить.
    ФорматированиеМожно отключить.
    Режимы редактированияМожно отключить.
    Шаблон сайтаМожно отключить.
    Управление и настройкиМожно отключить.
    Области наполнения страницыМожно отключить.
    Запоминать положения панелей инструментовПри отмеченной опции положение панелей задач будет сохранено.
    Панели задач
    КомпонентыНеотключаемая панель.
    СвойстваМожно отключить
    Запоминать положения панелей задачПри отмеченной опции положение панелей задач будет сохранено.
    Дополнительные настройки
    Показывать подсказки к параметрам компонентовПри отмеченной опции будут показаны подсказки к параметрам компонентов.
    Использовать визуальные эффектыПри отмеченной опции будут использоваться визуальные эффекты. Опцию рекомендуется снять для слабых машин.

    Кнопки панели инструментов редактора

    Кнопка Описание
    Стандартные
    Переключение в полноэкранный режим.
    Изменение настроек визуального редактора.
    Вставить из Word. Позволяет очистить добавляемый текст от дополнительных элементов форматирования (например, стилей).
    Вставить фрагмент как текст.
    Выделить все на странице.
    Отменить выполненное действие.
    Вернуть отменённое действие.
    Отобразить или скрыть границы таблиц.
    Создать таблицу.
    Добавить якорь.
    Вставить гиперссылку.
    Удалить гиперссылку.
    Добавить изображение.
    Вставить специальный символ.
    Вставить разрыв страницы для печати.
    Вставить разделитель страниц.
    Вставить Flash-ролик.
    Стиль
    Уровень (формат) текста. Например, Heading1, Heading2, ..., Normal.
    Шрифт.
    Размер шрифта.
    Полужирный.
    Курсив.
    Подчёркнутый.
    Удалить форматирование.
    Оптимизировать HTML-код.
    Форматирование
    Добавить горизонтальный разделитель.
    Выравнивание абзаца по левому краю.
    Выравнивание абзаца по центру.
    Выравнивание абзаца по правому краю.
    Выравнивание абзаца по ширине.
    Нумерованный список.
    Маркированный список.
    Уменьшить отступ.
    Увеличить отступ.
    Цвет фона.
    Цвет текста.
    Режимы редактирования
    Переключение в режим визуального редактирования.
    Переключение в режим редактирования исходного кода страницы.
    Переключение в совмещённый режим редактирования.
    Шаблон сайта
    Шаблон сайта.
    Управление и настройки
    Сохранение изменений и выход из визуального редактора.
    Выход из редактора без сохранения.
    Создание новой страницы.
    Сохранить и продолжить редактирование.
    Сохранить под другим именем.
    Переход к редактированию параметров страницы.
    Области наполнения страницы
    Основная редактируемая область в шаблоне сайта.

    Закладка "Свойства"

    Закладка предназначена для задания и редактирования значений свойств страницы: ключевых слов, описания и т.д.

    ПолеОписание
    СвойствоНазвание свойства.
    ЗначениеПоле для задания значения свойства.

    Закладка "Кодировка"

    На закладке можно настроить параметры кодировки страницы.

    Кнопки управления

    КнопкаОписание
    СохранитьСохранение созданной страницы.
    ПрименитьСохранение выполненных изменений. Продолжение редактирования страницы.
    ОтменитьОтмена внесённых изменений. Выход из редактора.

    Загрузка графики на сайт

    Визуальный редактор позволяет загружать графику с локального диска и размещать ее на веб-странице. Процесс размещения изображения очень прост:

    1. Выберите место для изображения на странице, установив туда позицию курсора, и нажмите кнопку на панели редактора. Откроется диалог Вставить рисунок:
    2. Перейдите к форме загрузки изображения, нажав кнопку рядом с полем Путь к изображению. Откроется окно Выберите файл.
    3. С помощью Менеджера файлов укажите путь к изображению, имя файла и папку на сервере, в которое оно будет сохранено. Нажмите кнопку Сохранить.
    4. Если необходимо, то укажите дополнительные параметры изображения. Например: Ширина, Высота, Горизонтальный отступ, Вертикальный отступ, Толщина рамки, Выравнивание.
    5. Нажмите кнопку Сохранить.

    Визуальные компоненты

    Компоненты являются блоками, с помощью которых строится публичная часть сайта. Они позволяют повторно использовать единожды написанный и отлаженный код в рамках одного сайта или на разных сайтах. Визуальные средства среды "1C-Битрикс: Управление сайтом ASP.NET" позволяют размещать и настраивать компоненты без написания кода. Поставляемые с продуктом системные компоненты регулярно обновляются, при этом расширяется функционал компонентов и исправляются возможные ошибки.

    Компоненты делятся на простые и комплексные. Простые (обычные, одностраничные) компоненты создают какую-либо область на одной странице. Комплексные (сложные, многостраничные) компоненты создают разделы сайта, например, новостной раздел или раздел фотогалереи.

    Для быстрого размещения компонентов на странице разработан специальный интерфейс в рамках визуального редактора. При редактировании страницы можно выбрать подходящий компонент из списка и переместить его в рабочую область страницы:

    Компоненты включают набор параметров, определяющих поведение компонента. Основная особенность компонентов заключается в том, что они позволяют управлять данными параметрами через визуальный интерфейс продукта: после размещения компонента в рабочей области внизу страницы отобразится панель свойств компонента. Например, панель свойств компонента Новости (bitrix:news) имеет следующий вид:

    Если панель свойств не отображается, следует выделить компонент, кликнув по нему указателем мыши. После установки требуемых свойств, страница готова к отображению. В области Свойства производится настройка компонента.

    Пользовательские комментарии

    Пользовательские комментарии не являются официальной документацией. Ответственность за их использование несет сам пользователь.

    Добавлять комментарии могут только зарегистрированные пользователи. Сообщения для просмотра появляются после модерации.
    © «Битрикс», 2001-2014, «1C-Битрикс», 2014