Dropdown 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.