Ресурсы-страницы | Учебные ресурсы | Collaborator - Справочная информация и описание системы | Ресурсы-файлы


Создание ресурса Long Read в Collaborator

Редактор для создания ресурса Long Read в системе Collaborator можно открыть меню Учебные ресурсы - Ресурсы. Для создания нового ресурса необходимо выбрать тип Long Read (1). Контент ресурса необходимо добавить в поле Содержание (2). Для редактирования контента доступно меню с кнопками (3).

2017-02-27_151304.png


Возможности редактора Long Read

У этого ресурса свой специальный редактор в котором доступен необходимый минимум инструментов для создания контента. Принцип работы с ним отличается от привычных нам WYSIWYG-редакторов, но для написания историй он очень удобен.
Вот что его отличает и что с ним можно сделать.

  1. Вы набираете текст, вставляете картинки и видео просто в страницу с которой работаете. Никакого окна редактора и полос прокрутки.

2017-02-27_150457.png

  1. Инструменты редактора всегда “под рукой”. Панель инструментов будет оставаться в том месте экрана, где вы ее разместите. И когда текста будет на несколько экранов - все кнопки редактора будут вам доступны без прокрутки.
  2. В этом редакторе сделано все, чтобы вы смогли создавать контент без использования html-кода. Конечно, это ограничивает возможности оформления, но зато позволяет избегать проблем с версткой, существенно упрощает редактирование и приводит внешний вид ресурса к единому стандарту.
    Стилизация элементов страницы доступна только заранее заданными способами. Доступ к стилям на первый взляд несколько не очевидный, но стоит один раз попробовать и все становится удобным и логичным.
    Когда вы редактируете какой-нибудь элемент в ресурсе Long Read, он выделяется. Внизу страницы всегда видна строка статуса где показан тот HTML-элемент с которым мы сейчас работаем.
    Вот, например, мы заполняем заголовок таблицы. Тогда фоном выделена ячейка в которой сейчас курсор, а строке статуса отображено вложение HTML-элементов, с которыми мы сейчас работаем.

2017-02-27_150515.png

Если кликнуть по HTML-тегу в строке статуса, то будет открыта форма, в которой можно выбрать уже настроенные варианты стилизации этого элемента. Можно выбрать сразу несколько вариантов стилизации. Например, для таблицы:
2017-02-27_150538.png

Если Вы владеете знаниями HTML и CSS · Bootstrap, то сможете воспользоваться более тонким инструментом настройки элементов страницы - описать свои атрибуты для HTML-элемента или отредактировать его код.

2017-02-27_150602.png

2017-02-27_150626.png

Мы будем искать способы красивого оформления контента и пополнять набор доступных стилей. Следите за обновлениями в нашей facebook-группе "Collaborator".

  1. Вставка ссылок работает почти привычным образом - выделяем текст, нажимаем кнопку инструмента вставка ссылки и вписываем адрес веб-страницы
  2. Вставка видео работает пока только с YouTube и Vimeo.
  3. Сохраняется история изменений и можно отменить и вернуть последние действия.

Ресурсы-страницы | Учебные ресурсы | Collaborator - Справочная информация и описание системы | Ресурсы-файлы