Работа с визуальным редактором

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

  • Добавление изображения

    Чтобы добавить изображение выберите место, в котором оно будет находится и нажмите на кнопку «Вставить изображение из Picture Selector’а» (рис. 1).

    Кнопка «Вставить изображение из Picture Selector’а»
    Рис. 1. Кнопка «Вставить изображение из Picture Selector’а»

    Откроется окошко, в котором Вы можете выбрать изображение или сначала группу, а из нее изображение (рис. 2).
    Picture Selector. В красном квадрате группы, по-умолчанию группа «common»
    Рис. 2. Picture Selector. В красном квадрате группы, по-умолчанию группа «common»

    Кликните на изображение и оно появится в окне редактирования страницы. Если нажать на несколько картинок подряд, то они в таком порядке добавятся на страницу.

    Также Вы можете загрузить изображения на сайт, не переходя на страницу «Управление изображениями»: нажмите кнопку «Загрузить файлы» (рис. 3)

    Кнопка «Загрузить файлы»
    Рис. 3. Кнопка «Загрузить файлы»

    Появится форма добавления изображений (рис. 4)
    Форма загрузки изображений, можно сразу загрузить 5 картинок
    Рис. 4. Форма загрузки изображений, можно сразу загрузить 5 картинок

    Нажмите кнопку «Обзор», укажите путь к файлу, а затем нажмите кнопку «upload», чтобы картинка сохранилась на сервере. После этого изображение появится в списке картинок и Вы сможете его выбрать.
    После всех операций нажмите «ОК»

  • Добавление ссылки

    Выделите объект, с которого будет вести ссылка, текст или изображение (рис. 5)

    Ссылка будет на слове «Рысь»
    Рис. 5. Ссылка будет на слове «Рысь»

    В меню управления ищем кнопку «Вставить/Редактировать ссылку» (рис. 6)
    Меню управления, кнопка «Вставить/Редактировать ссылку»
    Рис. 6. Меню управления, кнопка «Вставить/Редактировать ссылку»

    Нажимаем кнопку, открывается окошко для добавления ссылок (рис. 7)
    Задание ссылки
    Рис. 7. Задание ссылки

    Окно имеет три вкладки. Рассмотрим каждую в отдельности:

    • Карта сайта – в данной вкладке представлена вся структура сайта, раскрывая «плюсы» Вы можете добраться до всех вложенных узлов. Чтобы ссылка вела на выбранный узел, просто нажмите на него, а потом кнопку «ОК»
    • Файловый архив – если у Вас добавлен файл в файловый архив и Вам нужно добавить ссылку на его скачивание или просмотр, то Вам сюда (рис. 8). Предварительно нужно добавить файл в файловый архив.
    Файловый архив
    Рис. 8. Файловый архив

    Тут тоже нужно раскрыть список групп (если он существует) и кликнуть на нужный файл и нажать на «ОК»
    • Информация ссылки – ссылка на другие сайты, на почтовые ящики или на якоря на этой странице (рис.9)
    Ссылка на сайт
    Рис. 9. Ссылка на сайт

    Просто выберете тип ссылку и вставьте нужный адрес, например yandex.ru и нажмите «ОК»

  • Добавление текста из Word

    Многие клиенты просто копируют текст из ворда и вставляют его в визуальный редактора, а потом получается, что сайт не работает.
    Специально, для того, чтобы вставить текст из ворда существует кнопка «Вставить из Word» (рис. 10)

    Меню управления, кнопка «Вставить из Word»
    Рис. 10. Меню управления, кнопка «Вставить из Word»

    Нажмите кнопку, откроется окно (рис. 11), в которое Вы можете вставить нужный текст и нажмите «ОК». Текст отобразиться в визуальном редакторе уже в переработанном виде, и у Вас не должно возникнуть проблем с отображением его, текста, на сайте.
    Вставка текста из Word
    Рис. 11. Вставка текста из Word

  • Добавление таблицы

    В окне визуального редактора поставьте курсор на то место, где будет располагаться таблицы. Чтобы добавить таблицу в меню управления, нажмите кнопку «Вставить/Редактировать таблицу» (рис. 12).

    Меню управления, кнопка «Вставить/Редактировать таблицу»
    Рис. 12. Меню управления, кнопка «Вставить/Редактировать таблицу»

    После этого отроется окно, в котором нужно задать основные параметры таблицы (рис. 13).
    Задание параметров таблицы
    Рис. 13. Задание параметров таблицы

    Задайте количество строк, количество столбцов, ширину таблицы, высоту (если нужно), отступы и т.д. и нажмите «ОК».
    В визуальном редакторе появится таблица. Можно менять размеры ячеек.
    Если необходимо произвести какие-то изменения в ячейках – выделите их и кликните правой кнопкой мыши, появится меню управления ячейками (рис. 14), где Вы найдете все необходимые параметры для изменения.
    Изменение параметров ячеек
    Рис. 14. Изменение параметров ячеек