Como crear un plugin para ckeditor

En este sencillo ejemplo podemos ver como crear un plugin para ckeditor, para ello tenemos que crear una carpeta dentro de la carpeta plugins de ckeditor:
ckeditor/puglins/miplugin
dentro de esa carpeta tenemos que crear un fichero llamado plugin.js:
ckeditor/puglins/miplugin/plugin.js
después creamos otra carpeta para guardar la imagen del botón y la imagen que se vera en en editor:
ckeditor/puglins/miplugin/images/image.png
en el fichero plugin.js ponemos la función por determinar, en este caso usaremos un simple alert:
CKEDITOR.plugins.add('miplugin',
{
    init: function (editor) {
        var pluginName = 'miplugin';
        editor.ui.addButton('Miplugin',
            {
                label: 'Probar plugin',
                command: 'probar',
                icon: CKEDITOR.plugins.getPath('miplugin') + 'images/image.png'
            });
        editor.addCommand('probar', { exec: mi_funcion});
    }
});
function mi_funcion() {
   alert('Soy una función');
}
por último agregamos el plugin a ckeditor en el fichero ckeditor/config.js:
config.extraPlugins = 'miplugin';
Salu2
Editado
1
Puntos
2999
Visitas
1
Resp
Por alber hace 10 años
Admin
Respuesta #1
muy buen aporte Alber
0
Puntos
Por pablo hace 10 años
Master
Para comentar Inicia sesión o Regístrate
Phpres 2025@ All rights reserved.
Utilizamos cookies para mejorar la navegación en el sitio. Más información Aceptar