Explorar por categoría
GrapesJS I18n
Los plugins de i18n para GrapesJS añaden soporte multiidioma a la interfaz de tu editor. Traduce etiquetas de paneles, textos de botones, tooltips y nombres de bloques a cualquier idioma, o deja que los usuarios cambien de idioma en tiempo de ejecución. Estas extensiones incluyen paquetes de idioma listos para los idiomas más habituales y herramientas para añadir traducciones propias. Explora plugins de internacionalización de GrapesJS gratuitos y premium con detalle de la cobertura lingüística.
Sobre GrapesJS I18n
GrapesJS incluye un módulo i18n integrado que gestiona todas las cadenas visibles de la interfaz del editor: títulos de paneles, etiquetas de botones, textos de tooltips, nombres de bloques y mensajes de error. Por defecto, el editor solo trae cadenas en inglés. Los plugins de i18n en GJS.Market lo amplían con paquetes de idioma listos para usar y herramientas para gestionar traducciones en despliegues multiidioma. Los plugins de paquete de idioma aportan un conjunto completo de cadenas traducidas para un idioma concreto: hay paquetes de español, francés, alemán, portugués, italiano, árabe, chino, japonés y coreano. Algunos paquetes traducen también los nombres de bloques por defecto y las etiquetas de traits, ofreciendo una experiencia plenamente localizada. Los plugins de i18n avanzados añaden cambio de idioma en tiempo de ejecución: un selector en la barra del editor que recarga las cadenas sin refrescar la página. Si estás construyendo un producto basado en GrapesJS para un mercado internacional, empieza por el paquete de idioma principal de tu público y revisa después la valoración de cobertura: algunos paquetes traducen el 100 % de las cadenas y otros solo los elementos de interfaz más comunes.
GrapesJS I18n — Preguntas frecuentes
- ¿Cómo cambio el idioma del editor GrapesJS?
- Pasa la opción i18n al inicializar el editor: define locale con el código de tu idioma y aporta el conjunto de cadenas en messages. GrapesJS solo trae inglés, así que las cadenas vienen de un paquete de idioma o de tu propio objeto. Lo que quede sin traducir recurre a fallbackLocale, lo que mantiene la interfaz utilizable mientras un paquete esté incompleto.
- ¿Qué idiomas admite GrapesJS de serie?
- La librería base trae cadenas en inglés. Todo lo demás llega mediante paquetes de idioma, y esta categoría cubre los más usados: español, francés, alemán, portugués, italiano, árabe, chino, japonés y coreano. La cobertura varía según el paquete, así que revisa la valoración de la ficha: unos traducen cada cadena y otros solo los elementos más visibles.
- ¿Pueden los usuarios cambiar de idioma en tiempo de ejecución?
- Sí. editor.I18n.setLocale cambia el idioma activo y la interfaz se vuelve a renderizar sin recargar la página. Varios plugins de esta categoría lo envuelven en un selector de idioma para la barra de herramientas. La elección debes persistirla tú —en localStorage o en el perfil del usuario— porque GrapesJS no la recuerda entre sesiones.
- ¿Los plugins de i18n traducen también los nombres de bloques y traits?
- Algunos sí, y ahí está la diferencia entre un editor a medio traducir y uno bien localizado. Las etiquetas de bloques, los encabezados de categoría y los nombres de traits son conjuntos de cadenas distintos de la interfaz base, así que un paquete puede cubrir los paneles y dejar tus bloques en inglés. Los bloques que registres tú siempre necesitan sus propias etiquetas: inclúyelas en tu conjunto de mensajes bajo el mismo idioma.
- ¿Cómo traduzco mis propias cadenas personalizadas?
- Añádelas al objeto messages bajo tu idioma usando la misma estructura de claves anidadas que emplea GrapesJS y léelas con editor.I18n.t('tu.clave'). Como tus claves se fusionan en el mismo almacén que las del núcleo, un paquete de idioma más tus añadidos te dan una única capa de traducción coherente para todo el editor.