Назад

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

Популярно
Андрей Батурин
Андрей Батурин
01.05.2017
0

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*: и адрес электронного почтового ящика (например *mailto:name@company.ru*).
  4. В поле *Заголовок страницы* введите текст, который будет отображаться при наведении курсором на ссылку.
  5. Выберите необходимое значение в поле *Цель*.
  6. Нажмите *Выбрать*.

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

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

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

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

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

  1. Выделите содержимое, с которого необходимо сделать ссылку.
  2. Щёлкните на кнопку *Insert Link*, появится боковое меню.
  3. В поле *Ссылка на документ* введите знак решетки и имя якоря (например: *

myanchor*).

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

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

  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

">Начало работы с Umbraco

  1. vxod">Вход и выход из административной части
  2. interf">Интерфейс Umbraco
  3. erf">Начальный экран
  4. ll">Работа на устройствах с небольшим экраном

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

  1. gt;Создание новой страницы
  2. gt;Различия между Сохранением и Публикацией
  3. l">Отмена публикации (Скрытие)

">Поиск и редактирование содержимого

  1. >Поиск содержимого
  2. gt;Редактирование содержимого
  3. абота с содержимым по средству
    древовидного представления
  4. редставление в формате списка

">Действия со страницами

  1. >Сортировка страниц
  2. >Перемещение страницы
  3. >Копирование страницы

">Удаление и восстановление страниц

  1. e">Удаление страницы
  2. gt;Восстановление удаленных страниц из Корзины
  3. t;Очистка Корзины

">Редактор форматированного текста

  1. gt;Кнопки редактора текста
  2. gt;Параграфы и разрывы строк
  3. >Быстрые клавиши
  4. >Форматирование текст
  5. t;Показать спрятать HTML Code
  6. >Ссылки
  7. t;Работа с изображениями
  8. gt;Макросы
  9. "

">Управление версиями

  1. t;Сравнение версий страниц
  2. gt;Откат до предыдущей версии
  3. ="

">Управление библиотекой медиа-материалов

  1. >Работа с папками
  2. >Работа с изображениями и файлами

Понравилась статья? Сохраните у себя в соцсетях и поделитесь с другими!