Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordCamp Barcelona 2016 - Plugins para TinyMCE

859 views

Published on

Presentación dónde explico cómo desarrollar plugins para el editor de WordPress, TinyMCE. En esta presentación explico cómo realizar un plugin básico.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

WordCamp Barcelona 2016 - Plugins para TinyMCE

  1. 1. Plugins para TinyMCE Raúl Martínez
  2. 2. ¿Qué es TinyMCE?
  3. 3. Plugins para TinyMCE Bien 1. Open-source 2. WYSIWYG 3. Utilizado por WordPress 4. Va en cualquier plataforma 5. Extensible y customizable. © Terapiaybienestar.com
  4. 4. Plugins para TinyMCE Mal 1. Documentación escasa 2. Versión API (3.x o 4.x) 3. Desarrollado en Javascript © Instructbles.com
  5. 5. ¿Qué se puede hacer?
  6. 6. Plugins para TinyMCE - Autoguardado - Editor de código - Importar CSS - Pantalla completa - Search/replace - …..
  7. 7. Hagamos un plugin
  8. 8. Plugins para TinyMCE
  9. 9. Plugins para TinyMCE Estructura Desarrollo: - PHP: Añade en WordPress el plugin - Javascript: Funcionalidades del plugin
  10. 10. Plugins para TinyMCE Añadir botón a la lista de botones function tma_annotate_button($buttons) { array_push($buttons, 'tma_annotate'); array_push($buttons, 'tma_annotatedelete'); array_push($buttons, 'tma_annotatehide'); return $buttons; } add_filter('mce_buttons', 'tma_annotate_button'); PHP
  11. 11. Plugins para TinyMCE Añadir plugin a la lista de TinyMCE function tma_annotate_plugin($plugin_array) { $plugin_array['tma_annotate'] = plugins_url('/plugin.js', __FILE__); return $plugin_array; } add_filter('mce_external_plugins', 'tma_annotate_plugin'); PHP
  12. 12. Plugins para TinyMCE Realizar plugin Javascript
  13. 13. Contribuyendo
  14. 14. Plugins para TinyMCE TinyMCE documentación https://www.tinymce.com/docs/plugins/ Código ejemplo http://github.com/xyulex Enlaces de interés
  15. 15. Plugins para TinyMCE ¿Quién soy? ● Usando WordPress desde 2010 ● ● Desarrollador plugins ● ● Coorganizador meetup WordPress Granollers ● ● Blogger en http://raulwp.com
  16. 16. ¡ Gracias ! @ffreaker

×