Embed Size (px)
DESCRIPTION
Доклад будет посвящён вопросам редактирования медиа-насыщенного текста в Друпале. Как настроить стили текста и визуальные редакторы таким образом, чтобы внешний вид сайта выглядел цельно, а у редакторов содержания не вызывал изумления результат их трудов? Как сочетать возможности редактирования и безопасность? Как управлять картинками и видео на сайте в зависимости от его характера (информационный портал, форум, магазин)? Почему существует множество модулей для решения каждой отдельной задачи (визуальные редакторы, управление медиа) и как они взаимодействуют? По замыслу автора доклада, он должен закончится хеппи-эндом: будут приведены рецепты решения для наиболее типичных задач.
Citation preview
THANK YOU!
Vadim Valuev
Rich text in Drupal
Rich text
Стили текста (основной, заголовки, врезки, выделения, подписи к картинкам, ссылки и тд)
Локальные медиа (изображения, видео, файлы)
Внешние медиа: youtube, twitter Организация файловой системы Контексты (полный текст/анонс,
различные стили для устройств). Удобство ввода для редактора, не
владеющего html.
Rich text
Фильтры и форматы ввода
Drupal way
TinyMCE CKEditor The rest
Text editors in the wild
WYSIWYG
Более сложная настройка Безболезненная интеграция с последней
версией CKEditora Возможность подключать плагины (adobeair,
uicolor, xml) и фильтры (htmltidy, htmlpurifier) непосредственно через редактор
CKEditor
File & Image Fields (Core) Filefield + Filefield Sources + Insert + Image
Styles Media + WYSIWYG или Media + CKEditor +
CKEditor Media Scald IMCE + CKEditor IMCE + WYSIWYG + IMCE
Wysiwyg API bridge Plupload
Модули для работы с медиа
Абстракция в виде сущности Атом Интеграция с внешними источниками
(youtube, instagram, flickr, twitter) Вообще что угодно может быть Атомом –
блок, файл, текст Контексты представления Продвинутый интерфейс с драг-н-дроп Массовая загрузка файлов (plupload)
Scald
Scald (ctnd)
Не так много реализованных провайдеров
Интеграция есть и с WYSIWYG CKEditor-ом, но работает не всегда
Отсутствуют опции при вставке Навязчивый и неизменный интерфейс Нет контроля за файловой системой Используется на больших медийных
проектах
Scald (3of 3)
Dev-версия, но работает Fieldable file entity В качестве медиа подразумеваются
файлы, как локальные, так и удалённые Система прав Нативная интеграция с WYSIWYG, с
CKEditor’ом – через доп. модуль View modes, настройки показа файлов Изображения, аудио, видео, файлы
Media (2.x-dev)
Media (cntnd)
Media (cntd)
Некоторая громоздкость в настройке Проблема версий и совместимости Медиа = файл (пусть даже и внешний) Гибкость представления (в сочетании с
Entity View Modes) Привычный интерфейс Отсутствие чёткой структуры файловой
библиотеки Подходит для средних проектов
Media (last)
Зависит от Entity API Только CKEditor Fieldable entity bundles Возможность создавать свои типы Fields + display modes + view modes Привязка к конкретным проигрывателям
медиа Проблемы совместимости с версиями
CKEditor
Asset
Asset (2 of 2)
Video FilterQuick syntax:[video:url]Full syntax:[video:url width:X height:Y ratio:X/Y align:left/right autoplay:1/0]
Video Filter (2 of 2)
Image resize filter Filefield paths Filefield sources IMCE filefield
Insert + …
Insert + … (cntnd)
Insert (cntd)
Insert (cntd)
Проигрыватель медиа: Mediafront Работа с файлами: Filefield Sources,
Filefield Paths, IMCE, elfinder Встраивание контента: oEmbed, Remote
Stream Wrapper Фильтры ввода: Insert, Linkit, Footnotes,
HTMLTidy, HTMLPurifier
Что не поместилось
Медиа-проекты с редакционным процессом, распределением ролей: Scald/Media
При выборе следует учитывать доступность провайдеров
Проекты среднего масштаба, опирающиеся на user-generated content: Media
Простой вариант для технически продвинутых пользователей: Video Filter
Выводы
THANK YOU!
Vadim [email protected]
drupal.org: geaseskype: novosibcool
DrupalSibglobalinfo.ru
actency.frбезкосточек.рф
