SlideShare ist ein Scribd-Unternehmen logo
1 von 26
THANK YOU!
Vadim Valuev
Rich text in Drupal
 Стили текста (основной, заголовки, врезки,
выделения, подписи к картинкам, ссылки и
тд)
 Локальные медиа (изображения, видео,
файлы)
 Внешние медиа: youtube, twitter
 Организация файловой системы
 Контексты (полный текст/анонс, различные
стили для устройств).
 Удобство ввода для редактора, не
владеющего html.
Фильтры и форматы
ввода
 TinyMCE
 CKEditor
 The rest
 Более сложная настройка
 Безболезненная интеграция с последней
версией CKEditora
 Возможность подключать плагины
(adobeair, uicolor, xml) и фильтры
(htmltidy, htmlpurifier) непосредственно через
редактор
 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)
 Не так много реализованных провайдеров
 Интеграция есть и с WYSIWYG CKEditor-
ом, но работает не всегда
 Отсутствуют опции при вставке
 Навязчивый и неизменный интерфейс
 Нет контроля за файловой системой
 Используется на больших медийных
проектах
 Dev-версия, но работает
 Fieldable file entity
 В качестве медиа подразумеваются
файлы, как локальные, так и удалѐнные
 Система прав
 Нативная интеграция с WYSIWYG, с
CKEditor’ом – через доп. модуль
 View modes, настройки показа файлов
 Изображения, аудио, видео, файлы
 Некоторая громоздкость в настройке
 Проблема версий и совместимости
 Медиа = файл (пусть даже и внешний)
 Гибкость представления (в сочетании с
Entity View Modes)
 Привычный интерфейс
 Отсутствие чѐткой структуры файловой
библиотеки
 Подходит для средних проектов
 Зависит от Entity API
 Только CKEditor
 Fieldable entity bundles
 Возможность создавать свои типы
 Fields + display modes + view modes
 Привязка к конкретным проигрывателям
медиа
 Проблемы совместимости с версиями
CKEditor
Quick syntax:[video:url]
Full syntax:
[video:url width:X height:Y
ratio:X/Y align:left/right
autoplay:1/0]
 Image resize filter
 Filefield paths
 Filefield sources
 IMCE filefield
 Проигрыватель медиа: Mediafront
 Работа с файлами: Filefield Sources, Filefield
Paths, IMCE, elfinder
 Встраивание контента: oEmbed, Remote
Stream Wrapper
 Фильтры ввода:
Insert, Linkit, Footnotes, HTMLTidy, HTMLPuri
fier
 Медиа-проекты с редакционным
процессом, распределением ролей:
Scald/Media
 При выборе следует учитывать доступность
провайдеров
 Проекты среднего масштаба, опирающиеся
на user-generated content: Media
 Простой вариант для технически
продвинутых пользователей: Video Filter
THANK YOU!
Vadim Valuev
gease@mail.ru
drupal.org: gease
skype: novosibcool
DrupalSib
globalinfo.ru
actency.fr
безкосточек.рф

Weitere ähnliche Inhalte

Ähnlich wie Rich Text in Drupal - Вадим Валуев

Илья Петров «Введение в Silverlight»
Илья Петров «Введение в Silverlight»Илья Петров «Введение в Silverlight»
Илья Петров «Введение в Silverlight»e-Legion
 
Desktop app based on node js and html5
Desktop app based on node js and html5Desktop app based on node js and html5
Desktop app based on node js and html5Provectus
 
Интеграция мобильных приложений с Window azure
Интеграция мобильных приложений с Window azureИнтеграция мобильных приложений с Window azure
Интеграция мобильных приложений с Window azureИлья Родин
 
активное видео (гипервидео) александр беленов
активное видео (гипервидео)   александр беленовактивное видео (гипервидео)   александр беленов
активное видео (гипервидео) александр беленовMedia Gorod
 
Cyber Bionics #iotconfua
Cyber Bionics #iotconfuaCyber Bionics #iotconfua
Cyber Bionics #iotconfuaAndy Shutka
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NETMedia Gorod
 
Lotus Forum 2009 Websphere Portal 6.1
Lotus Forum 2009 Websphere Portal 6.1Lotus Forum 2009 Websphere Portal 6.1
Lotus Forum 2009 Websphere Portal 6.1guestcaef82
 
Eleanor CMS
Eleanor CMSEleanor CMS
Eleanor CMSSC3402
 
Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.
Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.
Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.DrupalCampDN
 
Первое знакомство с MODx revolution
Первое знакомство с MODx revolutionПервое знакомство с MODx revolution
Первое знакомство с MODx revolutionGetDev.NET
 
Meet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis BosakMeet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis BosakAmasty
 
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8Anatoly Kireev
 

Ähnlich wie Rich Text in Drupal - Вадим Валуев (20)

Илья Петров «Введение в Silverlight»
Илья Петров «Введение в Silverlight»Илья Петров «Введение в Silverlight»
Илья Петров «Введение в Silverlight»
 
Desktop app based on node js and html5
Desktop app based on node js and html5Desktop app based on node js and html5
Desktop app based on node js and html5
 
Интеграция мобильных приложений с Window azure
Интеграция мобильных приложений с Window azureИнтеграция мобильных приложений с Window azure
Интеграция мобильных приложений с Window azure
 
Курсовая работа. Презентация
Курсовая работа. ПрезентацияКурсовая работа. Презентация
Курсовая работа. Презентация
 
активное видео (гипервидео) александр беленов
активное видео (гипервидео)   александр беленовактивное видео (гипервидео)   александр беленов
активное видео (гипервидео) александр беленов
 
UML: CASE Tools Overview
UML: CASE Tools OverviewUML: CASE Tools Overview
UML: CASE Tools Overview
 
Cyber Bionics #iotconfua
Cyber Bionics #iotconfuaCyber Bionics #iotconfua
Cyber Bionics #iotconfua
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET
 
Lotus Forum 2009 Websphere Portal 6.1
Lotus Forum 2009 Websphere Portal 6.1Lotus Forum 2009 Websphere Portal 6.1
Lotus Forum 2009 Websphere Portal 6.1
 
архитектура .Net
архитектура .Netархитектура .Net
архитектура .Net
 
Text
TextText
Text
 
Eleanor CMS
Eleanor CMSEleanor CMS
Eleanor CMS
 
Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.
Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.
Фичи н-н-нада? Или почему стоит использовать модуль Features. Евгений Фиделин.
 
Первое знакомство с MODx revolution
Первое знакомство с MODx revolutionПервое знакомство с MODx revolution
Первое знакомство с MODx revolution
 
Lecture 11 2
Lecture 11 2Lecture 11 2
Lecture 11 2
 
Genome
GenomeGenome
Genome
 
Meet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis BosakMeet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis Bosak
 
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
 
Терем Медиа
Терем МедиаТерем Медиа
Терем Медиа
 
15 media
15 media15 media
15 media
 

Mehr von DrupalCampDN

Drupal - Changing the Web by Connecting Open Minds - Josef Dabernig
Drupal - Changing the Web by Connecting Open Minds - Josef DabernigDrupal - Changing the Web by Connecting Open Minds - Josef Dabernig
Drupal - Changing the Web by Connecting Open Minds - Josef DabernigDrupalCampDN
 
Dependency Injection in Drupal 8 - Стадник АндрейQweqwe
Dependency Injection in Drupal 8 - Стадник АндрейQweqweDependency Injection in Drupal 8 - Стадник АндрейQweqwe
Dependency Injection in Drupal 8 - Стадник АндрейQweqweDrupalCampDN
 
Our AWS Cloud Journey - Andrew Boag
Our AWS Cloud Journey - Andrew BoagOur AWS Cloud Journey - Andrew Boag
Our AWS Cloud Journey - Andrew BoagDrupalCampDN
 
Guzzle in Drupal 8 and as a REST client - Артем Мирошник
Guzzle in Drupal 8 and as a REST client - Артем МирошникGuzzle in Drupal 8 and as a REST client - Артем Мирошник
Guzzle in Drupal 8 and as a REST client - Артем МирошникDrupalCampDN
 
Blocks & Layouts in D7 - Josef Dabernig
Blocks & Layouts in D7 - Josef DabernigBlocks & Layouts in D7 - Josef Dabernig
Blocks & Layouts in D7 - Josef DabernigDrupalCampDN
 
CKEditor в Drupal: тонкая настройка и кастомизация - Osman Seferov
CKEditor в Drupal: тонкая настройка и кастомизация - Osman SeferovCKEditor в Drupal: тонкая настройка и кастомизация - Osman Seferov
CKEditor в Drupal: тонкая настройка и кастомизация - Osman SeferovDrupalCampDN
 
Drush - use full power - Alexander Schedrov
Drush - use full power - Alexander SchedrovDrush - use full power - Alexander Schedrov
Drush - use full power - Alexander SchedrovDrupalCampDN
 
Это Drupal, %username%! - Андрей Черноус
Это Drupal, %username%! - Андрей ЧерноусЭто Drupal, %username%! - Андрей Черноус
Это Drupal, %username%! - Андрей ЧерноусDrupalCampDN
 
Migrate - new way site upgrade
Migrate - new way site upgradeMigrate - new way site upgrade
Migrate - new way site upgradeDrupalCampDN
 
Caching on highload Drupal site - Alexander Shumenko
Caching on highload Drupal site - Alexander ShumenkoCaching on highload Drupal site - Alexander Shumenko
Caching on highload Drupal site - Alexander ShumenkoDrupalCampDN
 
May the parallelity be with you! Distributed computing using Erlang language ...
May the parallelity be with you! Distributed computing using Erlang language ...May the parallelity be with you! Distributed computing using Erlang language ...
May the parallelity be with you! Distributed computing using Erlang language ...DrupalCampDN
 
Panels как философия - Alexander Danilenko
Panels как философия - Alexander DanilenkoPanels как философия - Alexander Danilenko
Panels как философия - Alexander DanilenkoDrupalCampDN
 
DrupalGap. How to create native application for mobile devices based on Drupa...
DrupalGap. How to create native application for mobile devices based on Drupa...DrupalGap. How to create native application for mobile devices based on Drupa...
DrupalGap. How to create native application for mobile devices based on Drupa...DrupalCampDN
 
Twig internals - Maksym MoskvychevTwig internals maksym moskvychev
Twig internals - Maksym MoskvychevTwig internals   maksym moskvychevTwig internals - Maksym MoskvychevTwig internals   maksym moskvychev
Twig internals - Maksym MoskvychevTwig internals maksym moskvychevDrupalCampDN
 
Презентация модуля YandexMoney - Yury Glushkov
Презентация модуля YandexMoney - Yury GlushkovПрезентация модуля YandexMoney - Yury Glushkov
Презентация модуля YandexMoney - Yury GlushkovDrupalCampDN
 
Drupal and Outer space - Martin Mayer
Drupal and Outer space - Martin MayerDrupal and Outer space - Martin Mayer
Drupal and Outer space - Martin MayerDrupalCampDN
 
Boost your theming skills - Artem Shymko
Boost your theming skills - Artem ShymkoBoost your theming skills - Artem Shymko
Boost your theming skills - Artem ShymkoDrupalCampDN
 
Continious integration - Иван Лещёв
Continious integration - Иван ЛещёвContinious integration - Иван Лещёв
Continious integration - Иван ЛещёвDrupalCampDN
 
Rules - Yaroslav Doroshuk
Rules - Yaroslav DoroshukRules - Yaroslav Doroshuk
Rules - Yaroslav DoroshukDrupalCampDN
 
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...DrupalCampDN
 

Mehr von DrupalCampDN (20)

Drupal - Changing the Web by Connecting Open Minds - Josef Dabernig
Drupal - Changing the Web by Connecting Open Minds - Josef DabernigDrupal - Changing the Web by Connecting Open Minds - Josef Dabernig
Drupal - Changing the Web by Connecting Open Minds - Josef Dabernig
 
Dependency Injection in Drupal 8 - Стадник АндрейQweqwe
Dependency Injection in Drupal 8 - Стадник АндрейQweqweDependency Injection in Drupal 8 - Стадник АндрейQweqwe
Dependency Injection in Drupal 8 - Стадник АндрейQweqwe
 
Our AWS Cloud Journey - Andrew Boag
Our AWS Cloud Journey - Andrew BoagOur AWS Cloud Journey - Andrew Boag
Our AWS Cloud Journey - Andrew Boag
 
Guzzle in Drupal 8 and as a REST client - Артем Мирошник
Guzzle in Drupal 8 and as a REST client - Артем МирошникGuzzle in Drupal 8 and as a REST client - Артем Мирошник
Guzzle in Drupal 8 and as a REST client - Артем Мирошник
 
Blocks & Layouts in D7 - Josef Dabernig
Blocks & Layouts in D7 - Josef DabernigBlocks & Layouts in D7 - Josef Dabernig
Blocks & Layouts in D7 - Josef Dabernig
 
CKEditor в Drupal: тонкая настройка и кастомизация - Osman Seferov
CKEditor в Drupal: тонкая настройка и кастомизация - Osman SeferovCKEditor в Drupal: тонкая настройка и кастомизация - Osman Seferov
CKEditor в Drupal: тонкая настройка и кастомизация - Osman Seferov
 
Drush - use full power - Alexander Schedrov
Drush - use full power - Alexander SchedrovDrush - use full power - Alexander Schedrov
Drush - use full power - Alexander Schedrov
 
Это Drupal, %username%! - Андрей Черноус
Это Drupal, %username%! - Андрей ЧерноусЭто Drupal, %username%! - Андрей Черноус
Это Drupal, %username%! - Андрей Черноус
 
Migrate - new way site upgrade
Migrate - new way site upgradeMigrate - new way site upgrade
Migrate - new way site upgrade
 
Caching on highload Drupal site - Alexander Shumenko
Caching on highload Drupal site - Alexander ShumenkoCaching on highload Drupal site - Alexander Shumenko
Caching on highload Drupal site - Alexander Shumenko
 
May the parallelity be with you! Distributed computing using Erlang language ...
May the parallelity be with you! Distributed computing using Erlang language ...May the parallelity be with you! Distributed computing using Erlang language ...
May the parallelity be with you! Distributed computing using Erlang language ...
 
Panels как философия - Alexander Danilenko
Panels как философия - Alexander DanilenkoPanels как философия - Alexander Danilenko
Panels как философия - Alexander Danilenko
 
DrupalGap. How to create native application for mobile devices based on Drupa...
DrupalGap. How to create native application for mobile devices based on Drupa...DrupalGap. How to create native application for mobile devices based on Drupa...
DrupalGap. How to create native application for mobile devices based on Drupa...
 
Twig internals - Maksym MoskvychevTwig internals maksym moskvychev
Twig internals - Maksym MoskvychevTwig internals   maksym moskvychevTwig internals - Maksym MoskvychevTwig internals   maksym moskvychev
Twig internals - Maksym MoskvychevTwig internals maksym moskvychev
 
Презентация модуля YandexMoney - Yury Glushkov
Презентация модуля YandexMoney - Yury GlushkovПрезентация модуля YandexMoney - Yury Glushkov
Презентация модуля YandexMoney - Yury Glushkov
 
Drupal and Outer space - Martin Mayer
Drupal and Outer space - Martin MayerDrupal and Outer space - Martin Mayer
Drupal and Outer space - Martin Mayer
 
Boost your theming skills - Artem Shymko
Boost your theming skills - Artem ShymkoBoost your theming skills - Artem Shymko
Boost your theming skills - Artem Shymko
 
Continious integration - Иван Лещёв
Continious integration - Иван ЛещёвContinious integration - Иван Лещёв
Continious integration - Иван Лещёв
 
Rules - Yaroslav Doroshuk
Rules - Yaroslav DoroshukRules - Yaroslav Doroshuk
Rules - Yaroslav Doroshuk
 
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...
Системы управления взаимоотношениями с клиентами. Drupal CRM Core. - Вадим Ми...
 

Rich Text in Drupal - Вадим Валуев

  • 2.
  • 3.  Стили текста (основной, заголовки, врезки, выделения, подписи к картинкам, ссылки и тд)  Локальные медиа (изображения, видео, файлы)  Внешние медиа: youtube, twitter  Организация файловой системы  Контексты (полный текст/анонс, различные стили для устройств).  Удобство ввода для редактора, не владеющего html.
  • 6.
  • 7.  Более сложная настройка  Безболезненная интеграция с последней версией CKEditora  Возможность подключать плагины (adobeair, uicolor, xml) и фильтры (htmltidy, htmlpurifier) непосредственно через редактор
  • 8.  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
  • 9.  Абстракция в виде сущности Атом  Интеграция с внешними источниками (youtube, instagram, flickr, twitter)  Вообще что угодно может быть Атомом – блок, файл, текст  Контексты представления  Продвинутый интерфейс с драг-н-дроп  Массовая загрузка файлов (plupload)
  • 10.
  • 11.  Не так много реализованных провайдеров  Интеграция есть и с WYSIWYG CKEditor- ом, но работает не всегда  Отсутствуют опции при вставке  Навязчивый и неизменный интерфейс  Нет контроля за файловой системой  Используется на больших медийных проектах
  • 12.  Dev-версия, но работает  Fieldable file entity  В качестве медиа подразумеваются файлы, как локальные, так и удалѐнные  Система прав  Нативная интеграция с WYSIWYG, с CKEditor’ом – через доп. модуль  View modes, настройки показа файлов  Изображения, аудио, видео, файлы
  • 13.
  • 14.
  • 15.  Некоторая громоздкость в настройке  Проблема версий и совместимости  Медиа = файл (пусть даже и внешний)  Гибкость представления (в сочетании с Entity View Modes)  Привычный интерфейс  Отсутствие чѐткой структуры файловой библиотеки  Подходит для средних проектов
  • 16.  Зависит от Entity API  Только CKEditor  Fieldable entity bundles  Возможность создавать свои типы  Fields + display modes + view modes  Привязка к конкретным проигрывателям медиа  Проблемы совместимости с версиями CKEditor
  • 17.
  • 18. Quick syntax:[video:url] Full syntax: [video:url width:X height:Y ratio:X/Y align:left/right autoplay:1/0]
  • 19.
  • 20.  Image resize filter  Filefield paths  Filefield sources  IMCE filefield
  • 21.
  • 22.
  • 23.
  • 24.  Проигрыватель медиа: Mediafront  Работа с файлами: Filefield Sources, Filefield Paths, IMCE, elfinder  Встраивание контента: oEmbed, Remote Stream Wrapper  Фильтры ввода: Insert, Linkit, Footnotes, HTMLTidy, HTMLPuri fier
  • 25.  Медиа-проекты с редакционным процессом, распределением ролей: Scald/Media  При выборе следует учитывать доступность провайдеров  Проекты среднего масштаба, опирающиеся на user-generated content: Media  Простой вариант для технически продвинутых пользователей: Video Filter
  • 26. THANK YOU! Vadim Valuev gease@mail.ru drupal.org: gease skype: novosibcool DrupalSib globalinfo.ru actency.fr безкосточек.рф