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.

1. Plugins para TinyMCE
Raúl Martínez

2. ¿Qué es TinyMCE?

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. Plugins para TinyMCE
Mal
1. Documentación escasa
2. Versión API (3.x o 4.x)
3. Desarrollado en Javascript
© Instructbles.com

5. ¿Qué se puede hacer?

6. Plugins para TinyMCE
- Autoguardado
- Editor de código
- Importar CSS
- Pantalla completa
- Search/replace
- …..

7. Hagamos un plugin

8. Plugins para TinyMCE

9. Plugins para TinyMCE
Estructura
Desarrollo:
- PHP: Añade en WordPress el plugin
- Javascript: Funcionalidades del plugin

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. 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. Plugins para TinyMCE
Realizar plugin
Javascript

13. Contribuyendo

14. Plugins para TinyMCE
TinyMCE documentación
https://www.tinymce.com/docs/plugins/
Código ejemplo
http://github.com/xyulex
Enlaces de interés

16. Plugins para TinyMCE
¿Quién soy?
● Usando WordPress desde 2010
●
● Desarrollador plugins
●
● Coorganizador meetup WordPress
Granollers
●
● Blogger en http://raulwp.com

17. ¡ Gracias !
@ffreaker