Посчитать сайт
Серия статей «Umbraco: руководство контент-менеджера»

Редактор форматированного текста в CMS Umbraco 7 (продолжение)

Часть 7

Евгений Бощенко Технический Директор WebEvolution

Евгений Бощенко

CMS Umbraco предоставляет очень широкий функционал редактора форматированного текста. На столько широкий, что это не уместилось в одной статье.

 

Продолжим знакомиться с возможностями этого редактора: сегодня рассмотрим действия с ссылками, изображениями и макросами.

Ссылки

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

Для создания ссылки на другой сайт выполните следующие действия:

  1. Выделите текст, который должен стать ссылкой.
  2. Щёлкните на кнопку Insert Link, появится боковое меню.
  3. В поле Ссылка на документ введите Url страницы, на которую необходимо сослаться.
  4. В поле Заголовок страницы введите текст, который будет отображаться при наведении курсором на ссылку.
  5. Поле Цель указывает на то, как должна быть открыта страница.
  6. Нажмите Выбрать.

У поля Цель есть три возможных значения, а именно:

  1. Opens the linked document in a new window or tab - открыть ссылку в новом окне или вкладке;
  2. Opens the linked document in the full body of the window - открыть страницу в полный экран, игнорируя фреймы;
  3. Opens the linked document in the parent frame - открыть страницу в родительском фрейме. Последние две опции поля Цель обычно не используются, так как на данный момент технология фреймов устарела.

Чтобы создать ссылку на страницу в Umbraco, необходимо проделать следующие шаги:

  1. Выделите текст, который должен стать ссылкой.

  2. Щёлкните на кнопку Insert Link, появится боковое меню.

  3. Выберите страницу из древовидного представления внизу бокового меню. Вы также можете воспользоваться строкой поиска.

  4. В поле Заголовок страницы введите текст, который будет отображаться при наведении курсором на ссылку.

  5. Выберите необходимое значение в поле Цель.

  6. Нажмите Выбрать.

Для создания ссылки на медиа-файл в Umbraco:

  1. Выделите текст, который должен стать ссылкой.

  2. Щёлкните на кнопку Insert Link, появится боковое меню.

  3. Щелкните на кнопку Link to file в нижней части бокового меню.

  4. Выберите необходимый материал в появившемся обозревателе медиа-файлов.

  5. Выберите необходимое значение в поле Цель.

  6. Нажмите Выбрать.

Если требуется создать ссылку на email адрес:

  1. Выделите текст, который должен стать ссылкой.

  2. Щёлкните на кнопку Insert Link, появится боковое меню.

  3. В поле URL введите текст mailto: и адрес электронного почтового ящика (например name@company.ru).

  4. В поле Заголовок страницы введите текст, который будет отображаться при наведении курсором на ссылку.

  5. Выберите необходимое значение в поле Цель.

  6. Нажмите Выбрать.

Ссылка на якорь на текущей странице

Якорь позволяет создать ссылку, которая направит пользователя на определенный участок текста на странице. Процесс создания делиться на две части: создание непосредственно якоря и ссылки на якорь.

Процесс создания якоря:

  1. Установите курсор на том месте, куда необходимо установить якорь.

  2. Щёлкните на кнопку Insert Link, появится боковое меню.

  3. Выберите страницу из древовидного представления внизу бокового меню. Вы также можете воспользоваться строкой поиска.

  4. В поле Заголовок страницы введите текст, который будет отображаться при наведении курсором на ссылку.

  5. Выберите необходимое значение в поле Цель.

  6. Нажмите Выбрать.

Для создания ссылки на якорь проделайте следующее:

  1. Выделите содержимое, с которого необходимо сделать ссылку.

  2. Щёлкните на кнопку Insert Link, появится боковое меню.

  3. В поле Ссылка на документ введите знак решетки и имя якоря (например: #myanchor).

  4. Нажмите Выбрать.

Если требуется сделать кликабельные картинки, то для создания ссылки с изображения:

  1. Добавьте в контент изображение.

  2. Выделите изображение, из которого необходимо сделать ссылку.

  3. Проделайте действия по инструкции для обычной ссылки.

В случае, если потребуется действие по удалению ссылки:

  1. Выделите текст или изображение, с которого необходимо снять ссылку.

  2. Щелкните по кнопку Remove Link. Или же нажмите кнопку Insert link и очистите поле Ссылка на документ.

Работа с изображениями

Для отображения изображений, они должны быть загружены в библиотеку медиа-материалов Umbraco. Процедура загрузки изображений может отличаться, в зависимости от вашей сборки. Некоторые изображения могут быть неизменяемые и "зашиты" в верстке.

Вставка изображений из библиотеки медиа-материалов делается следующим образом:

  1. Установите курсор в место, куда необходимо добавить изображения.

  2. Щёлкните на кнопку Media Picker на панели редактора форматированного текста.

  3. Выберите папку с необходимым изображением и выберите файл.

  4. Нажмите кнопку Вставить.

Вставка изображения с вашего ПК

Вы можете загружать изображения напрямую в редактор форматированного текста с вашего ПК. Загруженные файлы будут перемещены в библиотеку медиа-материалов Umbraco. Нажатие на кнопку [+] рядом с поисковой строкой для создания директории. Директории позволяют хранить медиа-файлы структурировано, что облегчает дальнейшую поддержку и обслуживание сайта.

Для этого проделайте следующие шаги:

  1. Установите курсор в место, куда необходимо добавить изображения.

  2. Щёлкните на кнопку Media Picker на панели редактора форматированного текста.

  3. Щёлкните на кнопку Upload, которая находится в правой верхней части меню.

  4. Нажмите кнопку Вставить.

Удаление изображение из содержимого

Для удаления изображения выделите его и нажмите клавишу Delete на клавиатуре. Изображение будет убрано из текста, но останется в библиотеке медиа-материалов.

Макросы

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

Для добавления макроса на страницу:

  1. Установите курсор в редакторе на то место, куда необходимо установить макрос.

  2. Нажмите на кнопку Insert Macro.

  3. В всплывающем меню выберите необходимый для вставки макрос.

  4. Заполните конфигурационные поля макроса, если таковые имеются.

  5. Нажмите кнопку Выбрать.

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

Редактирование макроса

Вы можете редактировать значения введенные в конфигурационные поля макроса, для этого:

  1. Выделите макрос в редакторе.

  2. Щёлкните на кнопку Macro.

  3. В появившимся меню произведите необходимые правки конфигурационных поле.

Удаление макроса

Чтобы удалить макрос, выделите его в редакторе и нажмите клавишу Delete или Backspace на клавиатуре.

Полное содержание руководства контент-менеджера CMS Umbraco 7

             Введение

             1. Начало работы с Umbraco

                1.1. Вход и выход из административной части  
                1.2. Интерфейс Umbraco

                     1.2.1. Начальный экран
                     1.2.2. Работа на устройствах с небольшим экраном

             2. Создание, Сохранение и Публикация содержимого

                     2.1. Создание новой страницы
                     2.2. Различия между Сохранением и Публикацией
                     2.3. Отмена публикации (Скрытие)

             3. Поиск и редактирование содержимого

                     3.1. Поиск содержимого
                     3.2. Редактирование содержимого

                            3.2.1. Работа с содержимым по средству
древовидного представления
3.3.2. Представление в формате списка 4. Действия со страницами 4.1. Сортировка страниц 4.2. Перемещение страницы 4.3. Копирование страницы 5. Удаление и восстановление страниц 5.1. Удаление страницы 5.2. Восстановление удаленных страниц из Корзины 5.3. Очистка Корзины 6. Редактор форматированного текста 6.1. Кнопки редактора текста 6.2. Параграфы и разрывы строк 6.3. Быстрые клавиши 6.4. Форматирование текст 6.5. Показать спрятать HTML Code 6.6. Ссылки 6.7. Работа с изображениями 6.8. Макросы 7. Управление версиями 7.1. Сравнение версий страниц 7.2. Откат до предыдущей версии 8. Управление библиотекой медиа-материалов 8.1. Работа с папками 8.2. Работа с изображениями и файлами

Другие статьи по тегам

CMS Umbraco руководство

на эту тему

Руководство по Umbraco 7
- редактор форматированного текста

Руководство по Umbraco 7
- введение

Введение

Руководство по Umbraco 7
- создание, сохранение
и публикация содержимого

Umbraco CMS

Преимущества CMS Umbraco

Руководство по Umbraco 7
- начало работы