CKEditor 5 Plugin Pack
Una colección de 21 plugins de CKEditor 5 para Drupal, que proporciona funciones como personalización de fuentes, conteo de palabras, buscar y reemplazar, plantillas, resaltado y más.
ckeditor5_plugin_pack
Install
composer require 'drupal/ckeditor5_plugin_pack:^1.4'
Overview
CKEditor 5 Plugin Pack es una colección completa de plugins de CKEditor 5 empaquetados para Drupal. Proporciona el módulo base junto con 21 submódulos, cada uno añadiendo funcionalidad específica al editor. El módulo gestiona la carga de plugins a través de CDN (por defecto) o archivos DLL locales, y se integra perfectamente con la configuración de formatos de texto de Drupal.
El paquete de plugins incluye funciones gratuitas y premium (las funciones premium como Templates y WProofreader están disponibles gratis para usuarios de Drupal). Cada submódulo registra su plugin de CKEditor 5 y proporciona configuración por formato de texto a través de la interfaz estándar de configuración del editor de Drupal.
Las capacidades principales incluyen: estilos de texto (fuentes, colores, resaltado), herramientas de productividad (buscar/reemplazar, conteo de palabras, plantillas), mejora de contenido (emoji, incrustación de medios, marcadores), y comportamiento del editor (modo pantalla completa, transformaciones de texto, pegar desde markdown).
Features
- Módulo base que proporciona infraestructura de carga DLL con respaldo CDN y soporte para archivos locales
- Plugins de Font Family, Font Size y Font Color para estilos de texto completos
- Plugin Word Count que muestra conteos de palabras y caracteres en tiempo real
- Diálogo de buscar y reemplazar con opciones de coincidencia sensible a mayúsculas y palabras completas
- Sistema de plantillas de contenido que permite insertar estructuras HTML predefinidas (función premium, gratis para Drupal)
- Plugin Text Highlight con colores y tipos de marcador personalizables
- Modo de edición a pantalla completa para creación de contenido sin distracciones
- Plugin To-do List para listas de tareas con casillas de verificación
- Inserción de saltos de página para documentos aptos para impresión
- Media Embed para contenido externo de video/audio (YouTube, Vimeo, etc.)
- Selector de emoji para insertar caracteres emoji
- Marcadores/anclas para navegación dentro del documento
- Link Attributes para añadir atributos personalizados a los enlaces
- Block Indentation para control de sangría a nivel de párrafo
- Conversión automática al pegar desde Markdown
- Text Transformation para tipografía inteligente (comillas curvas, guiones)
- HTML Embed para inserción de HTML sin procesar (requiere habilitación explícita por seguridad)
- Funcionalidad de seleccionar todo
- Auto Image para conversión automática de URLs de imágenes
- Layout Table para estructuras de tablas mejoradas
- Integración de WProofreader para corrección gramatical y ortográfica (requiere el módulo Premium Features)
Use Cases
Estilos de documentos corporativos
Use los plugins de fuentes para definir fuentes corporativas aprobadas y colores de marca. Configure Font Family con la pila de fuentes de su organización y Font Color con colores aprobados por la marca para asegurar estilos de documentos consistentes en todos los editores de contenido.
Productividad para escritores de contenido
Habilite Word Count para ayudar a los escritores a cumplir con los requisitos de longitud del contenido. Combine con Find and Replace para edición eficiente de contenido extenso. Añada Templates para estructuras de contenido comunes como comunicados de prensa, descripciones de productos o formatos de publicaciones de blog.
Documentación técnica
Use Page Break para documentación imprimible, Bookmarks para navegación interna en documentos largos, y To-do Lists para seguimiento de tareas dentro de la documentación. Paste from Markdown ayuda a los desarrolladores a copiar documentación de código directamente en el editor.
Creación de contenido de marketing
Habilite Emoji para contenido amigable con redes sociales, Media Embed para integración de video, y Highlight para enfatizar mensajes clave. El modo Fullscreen proporciona escritura sin distracciones para contenido de marketing extenso.
Gestión de contenido multilingüe
Use la función Templates con soporte de traducción para mantener estructuras de contenido consistentes entre idiomas. Las plantillas pueden traducirse a través del sistema de traducción de configuración de Drupal.
Tips
- Use el marcador @token en las rutas DLL para sustitución automática de versión cuando se actualice CKEditor 5
- Configure los ajustes específicos de formato de texto para cada plugin en lugar de esperar configuración global
- Habilite solo los submódulos que necesite para mantener limpia la barra de herramientas del editor y reducir la carga de JavaScript
- Para Templates, use los botones de vista previa del icono y vista previa de la plantilla antes de guardar para verificar el contenido
- La opción Bloquear CDN solo debe usarse cuando haya confirmado que los archivos DLL locales están correctamente instalados
Technical Details
Admin Pages 3
/admin/config/ckeditor5-plugin-pack
Configurar ajustes globales para CKEditor 5 Plugin Pack incluyendo ubicaciones de archivos DLL y opciones de bloqueo de CDN.
/admin/config/ckeditor5-templates/content-templates
Administrar plantillas de contenido predefinidas que los usuarios pueden insertar en el editor. Crear, editar, eliminar y reordenar plantillas.
/admin/config/ckeditor5-templates/content-templates/add
Crear una nueva plantilla de contenido con contenido HTML, icono opcional y asignaciones de formato de texto.
Permissions 1
Troubleshooting 5
Verifique si el CDN está accesible o si los archivos DLL locales están correctamente ubicados. Verifique la ruta de ubicación DLL en la configuración. Si usa archivos locales, asegúrese de que la estructura del directorio coincida: /ruta/@token/dll/[plugin]/[plugin].js
Asegúrese de que las plantillas estén habilitadas y asignadas al formato de texto correcto. Verifique que el usuario tenga acceso al formato de texto. Verifique que las plantillas estén creadas en /admin/config/ckeditor5-templates/content-templates
Primero habilite la casilla 'Permitir instalación del módulo HTML embed' en /admin/config/ckeditor5-plugin-pack, luego instale el submódulo
Verifique el core_version_requirement en el archivo info.yml de cada submódulo. Algunas funciones requieren Drupal 10.2+, 10.3+, 10.5+ u 11.x. Actualice Drupal core si es necesario.
Habilite 'Añadir estilos para contenido renderizado automáticamente' en la configuración del plugin Highlight para generar CSS para marcadores personalizados
Security Notes 3
- El plugin HTML Embed permite la inserción de HTML sin procesar, lo cual puede ser un riesgo de seguridad. Requiere permiso explícito para instalar y solo debe habilitarse para usuarios de confianza.
- El contenido de las plantillas se almacena como configuración y debe revisarse antes del despliegue ya que puede contener HTML arbitrario
- El módulo usa el sistema de permisos estándar de Drupal - asegúrese de que el permiso 'administer ckeditor5 templates' solo se otorgue a administradores de confianza