ckeditor accordionDropdown ckeditor accordion

Este es un componente para CKEditor que permite la creación y edición de elementos HTML5 details. Es un ejemplo del clásico acordeón o ckeditor accordion que tienen algunos maquetadores. 
Ejemplos de DropdownDetails:

 

Este es el asunto y permite formato básico: negrita, itálica y estilos de formato

Este es el contenido y puedo incluir lo que quiera: fotos, fichas, carruseles, etc.

Y aquí otro elemento Details anidado.

Podemos anidar tantos elementos Details como necesitemos.

Este es un ejemplo que contiene un carrusel

 

Este es un ejemplo que contiene fichas

ImageCrop

Es un plugin para el CKEditor para: 1 Recortar y escalar imágenes; 2 Subir y guardar las imágenes en su servidor.

Puede pre configurar las opciones de recorte que desea usar. Leer más

ImageToolbar

Al hacer clic en la imagen se mostrará una barra de herramientas y podremos: 

  • Mostrar la imagen con forma de elipse
  • Poner un pie de foto a la image

Y otras muchas opciones. Leer más

 

Descubre Si ya ha intentado trabajar con un elemento details en CKEditor, ya sabrá que existe un conjunto de problemas que hay que resolver: hacer funcionar el elemento details en navegadores que no se basen en webkit; para los navegadores de webkit el comportamiento por defecto impide editar la leyenda; como no es un elemento que CKEditor maneje por defecto ha de configurar adecuadamente el sistema ACF; tiene que habilitar una forma de editarlo; etc...

Con Dropdown Details se solucionan todos estos problemas, de forma que no tiene que emplear su tiempo peleando con ellos y se puede dedicar a cosas más productivas.

Nota:
Actualmente no todos los navegadores soportan nativamente este elemento ckeditor accordion, por lo que es necesario que añada a su página algún polyfill de forma que los visitantes a su página puedan utilizarlo correctamente. Mientras está editando el contenido en CKEditor, el plugin se encarga de realizar esta tarea.