Slick Carousel for CKEditor

Requisitos

  • CKEditor 4.
  • Un gestor de ficheros. Necesita un gestor de ficheros compatible con el CKEditor API para poder añadir imágenes en el carrusel.
  • Slick Carousel. You must add Slick to your site and adjust the stylesheets so you get the output that you want

Instalación (1/2): 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\
               ...
               slickcarousel\
                       plugin.js
                       dialog\
                       docs\
                       lang\
               ...
        skins\
        themes\

 

Instalación (2/2): Añada el plugin al CKEditor

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

config.extraPlugins='slickcarousel';

Para finalizar, añada en el config la ruta de los scripts y de la hoja de estilos que quiera usar para mostrar el carrusel en su contenido:

config.slickcarousel = { stylesheets : [ '/slick/slick.css', '/slick/slick-theme.css', '/sample.css' ], scripts : [ 'https://code.jquery.com/jquery-1.12.3.min.js', '/slick/slick.min.js' ] }

De esta manera, puede usar el carrusel en cualquier página sin modificar la plantilla, mediante la inclusión de estos ficheros solo cuando los necesite; o puede poner estos ficheros en la cabecera de la plantilla y usar arrays vacíos para los ficheros que tengan qeu ser añadidos.

Si lo desea, consulte otras opciones para añadir el plugin al CKEditor.