rich text in drupal - Вадим Валуев

Post on 08-May-2015

183 Views

Category:

Internet

3 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

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 Valuevgease@mail.ru

drupal.org: geaseskype: novosibcool

DrupalSibglobalinfo.ru

actency.frбезкосточек.рф

top related