The document discusses the integration of rich inline elements within CKEditor for Drupal, presented by Yuriy Gerasimov at the DrupalCamp Berlin in November 2014. It addresses the challenges faced by editors wanting to enrich content without disrupting site functionality and presents solutions such as the media module, scald, and bean WYSIWYG. Additionally, it highlights CKEditor's widget capabilities and provides resources for enabling plugins and tutorials.

1. Inline elements with
CKEditor
DrupalCamp Berlin, November 2014

2. About me
• Yuriy Gerasimov
• Developer & Drupal Architect
• @ygerasimov

3. Rich inline
elements
●

4. Problems
● editors want to add rich elements in WYSIWYG
● developers would like editors not to break the site

5. Give editors HTML
example to edit?
●

6. ●

7. ●

8. Drupal 7 solutions
● Media module
● Scald
● Asset
● Bean WYSIWYG

9. Media
• file entities
• embedded as tokens

10. Scald
● media atoms
● embedded as html

11. Asset
• embedded as html
• plugins

12. Bean WYSIWYG
• use fieldable beans
• embed tokens
[block_insert]1[/block_insert]

13. CKEditor widgets
• predefined template
• inline editing
• draggable

14. Widget plugin
drupal
• drupal module with wysiwyg plugin
• http://docs.ckeditor.com/#!/guide/widget_sdk_intro
• https://github.com/ygerasimov/drupal_wysiwyg_widget
• https://www.drupal.org/node/2367441

15. Enable plugin

16. CKEditor tutorial

17. WYSIWYG plugin

18. WYSIWYG js

19. Works!

20. Questions?