¡Gran biblioteca! Cumple todos los requisitos excepto uno: la traducción de texto para sitios web. He buscado por todas partes en la cola de problemas y la documentación y, por alguna razón, no encuentro nada sobre este tema. A mis clientes no les importa que el editor de grapesjs esté en inglés. Lo que quieren es la...
artf
Esto es algo que tendrías que crear tú mismo. Quizá un componente de texto personalizado, que permita cambiar el contenido con el idioma seleccionado.
jordandevogelaere
@acondura tienes alguna solución para esto? Tengo el mismo requisito para mi cliente. Gracias
gxanshu
Yo también tengo el mismo requisito. Y sí, la única forma de lograrlo es creando nuestro propio componente
¡Hola @artf! '''javascript "editor": { "css": "* { tamaño de caja: caja de borde; } #wrapper{fuente-family:Helvetica, Arial Black, sans-serif; color:#9500b3;}", "html": "<id de div=\"iecr\">Inserta tu texto aquí</div>", "activos": "[]", "estilos": "[{\"selectores\":[\"#wrapper\"],\"estilo\":{\"familia-fuente\":\"Helve...
artf
Bueno, deberías poder tomar el CSS de cualquier instancia de GrapesJS con 'editorInstance.getCss()'. Que básicamente genera el CSS a partir del JSON de 'estilos'
ClaudeCode
Gracias por informar de esto, @lacieri. Buena pregunta sobre [PREGUNTA]: Analizar estilos a una cadena Css. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
ClaudeCode
Gracias por informar de esto, @nithinpillalamarri123. El problema con cómo personalizar el formulario js de uvas para añadir estilo parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir...
El selector de color en grapesjs no funciona igual entre Chrome y Firefox. Cuando abres el selector en un componente seleccionado que nunca ha tenido el color de fondo configurado antes (por ejemplo...), el selector de color se abre con la opacidad al 100% en Chrome y al 0% en Firefox. El problema es que el usuario pu...
mhowey
@artf Otra diferencia a tener en cuenta entre Firefox y Chrome es lo que se muestra en la paleta. Firefox muestra una caja transparente mientras que Chrome muestra una gris.
artf
Parece que está resuelto en la última versión de Firefox
ClaudeCode
Gracias por informar de esto, @mhowey. El problema con el deslizador de transparencia del selector de color en Firefox está en 0. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir...
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No [X] Vídeo pero sin demo ¿Cuál es el comportamiento esperado? Añade tantos elementos anidados como sea necesario y conserva su estilo/ID. ¿Cuál es el comportamiento actual? De dos elementos 'span' anidados, desaparece el estilo/ID de los elementos '...
artf
Hola Benjamin, el error ya estaba arreglado (cuando reportes un error, asegúrate de tener la última versión)
ClaudeCode
Gracias por informar de esto, @bgrand-ch. El problema con v0.16.27 - Style/ID desaparece cuando se anida el span parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los evento...
Hola @artf Estoy intentando cambiar el tipo y los valores de entrada de la propiedad de pantalla de esta manera -: Pero en el estilo de Button no se ve. ¿Cómo podemos personalizar la propiedad de visualización? '''js const styleManager = editor. StyleManager; styleManager.addSector('div-only-sector',{ nombre: 'Escenar...
nilchu
Tienes que usar la propiedad de 'lista' para definir tus opciones. Dentro de los objetos de opción de radio, debería decir 'nombre' en lugar de 'título'. '''javascript const styleManager = editor. StyleManager; styleManager.addSector('div-...
Abhisheknanda1344463
Muchas gracias @nilchu por vuestra ayuda.
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre Custom Style Manager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo es...
Estaba trasteando con formas de cambiar el estilo de los elementos dentro del lienzo y me di cuenta de que al usar el rasgo color-selecter para establecer la propiedad de color de estilo en línea del elemento (no la etiqueta de estilo en línea que obtienes a través de getCS()), esa propiedad de estilo desapareció comp...
artf
Hola @DodoTrip la razón es que con CSS en línea no puedes definir estilos con estados (por ejemplo, ':hover') ni consultas de medios, así que siempre lo he visto como una limitación inútil en lugar de una característica. A pesar de eso, pu...
ThetripGr
Hola @artf y gracias por tu respuesta. ¿Te importaría darme un ejemplo de cómo se hace ahora mismo o debería avoidInlineStyle hacerlo funcionar fácilmente?
artf
Sinceramente, dejé de usar avoidInlineStyle hace tiempo, pero supongo que debería funcionar 😁
Por favor, alguien me ayude a salir de este problema editor.setComponents (texto html); No funciona el script como se espera tras cargar desde la plantilla guardada en HTML mientras arrastra y solta, funciona después de guardar y volver a...
artf
No puedes cargar el código HTML generado de nuevo en el editor, leer la documentación sobre cómo almacenar y cargar correctamente las plantillas https://grapesjs.com/docs/modules/Storage.html
ClaudeCode
Gracias por informar de esto, @nithinpillalamarri123. Gracias por compartir tu informe sobre Grapes js versión v0.16.34 que da código de script inesperado tras cargar el html guardado. Para ayudar al equipo a investigar y priorizar esto: P...
Versión: 0.16.34 ¿Cuál es el comportamiento esperado? Cuando el editor se inicializa, no se selecciona ningún elemento, por lo que el gestor de estilos debería decir "Selecciona un elemento antes de usar el Administrador de Estilos", como hace cuando no se usa "appendTo" en la configuración del editor. ¿Cuál es el com...
mosh-tudor
Usé este código para resolverlo: '''js const showStylesSector = editor => { const stylesButton = editor. Panels.getButton ('encabezado de panel en barra lateral', 'show-styles'); const layersButton = editor. Panels.getButton ('panel-sideba...
Nielsticot
Esto no es lo que quiero, mi problema es antes de que se seleccione cualquier elemento, así que antes de que el evento "component:selected" se trigere. Lo arreglé temporalmente seleccionando un elemento al cargar el editor, pero no es lo q...
artf
Si usas el StyleManager en un elemento personalizado, tienes que gestionar ese estado tú mismo. '''html <div class="sm-wrapper"> <div id="styles"></div><!-- aquí es donde se añade el gestor de estilos --> <div class="sm-vacty-state"> Selec...
¿Cómo importar HTML y CSS desde la demo hasta la versión de actualización, importación de un solo intento?
ClaudeCode
Gracias por informar de esto, @CarlucciMods. Buena pregunta sobre ¿Importar HTML y CSS de la demo a la versión de actualización, importación de un solo intento?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...