Cómo añadir un plugin en CKEditor

El proceso de añadir un plugin a CKEditor es bastante sencillo si usted conoce cómo está instalado CKEditor en su servidor, vamos a ver un ejemplo con el plugin ImageToolbar.

1. Copie los ficheros

Extraiga el contenido del zip en el directorio de plugins del CKEditor, de manera que quede como lo siguiente:

ckeditor\
        ...
        images\
        lang\
        plugins\
               ...
               imagetoolbar\
                       plugin.js
                       docs\
                       icons\
               ...
        skins\
        themes\

 

2. Añada el plugin al CKEditor

Utilice una de las siguientes opciones:

2.1. Configuración config.js

A continuación abra su fichero de configuración config.js o en su fichero de configuración personalizada y añada una linea como la siguiente:

config.extraPlugins = 'imagetoolbar';

Si usted está usando otros plugins, deberá añadir este a la configuración existente separándolo por una coma:

config.extraPlugins = 'imagesfromserver,imagetoolbar';

2.2. Configuración en linea

Si en vez de modificar el config.js prefiere añadir el plugin durante la creación del editor, lo puede hacer especificando la propiedad extraPlugins del objeto de configuración inicial

CKEDITOR.replace( 'news', {
    extraPlugins: 'imagetoolbar'
} );

2.3. Uso de cdn.ckeditor.com

En el caso de que esté utilizando la versión CDN de CKEditor en vez de haberla subido a su servidor, entonces tiene que indicar dónde ha añadido el contenido del plugin para que se pueda inicializar correctamente

// Enable local "imagetoolbar" plugin from /myplugins/imagetoolbar/ folder.
CKEDITOR.plugins.addExternal( 'imagetoolbar', '/myplugins/imagetoolbar/', 'plugin.js' );

// extraPlugins needs to be set too.
CKEDITOR.replace( 'news', {
    extraPlugins: 'imagetoolbar'
} );