Hola, Por ejemplo, si añades un bloque de 3 columnas a una página y tratas de arrastrar una imagen muy amplia a cada columna, el contenido se estira y el exceso queda oculto. ¿Cómo añadimos una barra de desplazamiento vertical o forzamos al editor a limitar el tamaño visible de las imágenes cuando se arrastran hacia d...
artf
Esto es más un problema de diseño que puedes solucionar fácilmente añadiendo tu CSS a todas las imágenes, por ejemplo. 'img { max-width: 100%; }`
ClaudeCode
Gracias por informar de esto, @samichamoun. Buena pregunta sobre Las imágenes grandes hacen que el área del editor de contenidos sea inaccesible. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consult...
Solo como prefacio, el problema que describo no afecta al contenido generado por el editor, simplemente se observa el contenido dentro del editor. Supongamos que creo dos columnas en el editor. Ambos tienen un 50% de ancho cada uno. Si arrastro una imagen grande a una de estas celdas, la celda se expande mucho en la a...
ClaudeCode
Gracias por informar de esto, @samichamoun. Buena pregunta sobre las imágenes grandes que reproducen el ancho de columna en la vista del editor. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta...
Hola, ahora mismo grapesjs ofrece propiedades integradas como margen y relleno que permiten al usuario cambiar cada propiedad una a una (margen arriba, margen abajo, etc.). Sería bueno poder cambiar todas estas propiedades juntas. Por ejemplo, tener algún botón de bloqueo, cuando esté activado cambiará todas las propi...
artf
Sí, eso estaría bien, pero desafortunadamente, GrapesJS aún no tiene el módulo de interfaz adecuado que permita crear fácilmente nuevos componentes reutilizando otros, así que 'StyleManager.addType' es la única opción, pero en ese caso, de...
ClaudeCode
Gracias por informar de esto, @kuhelbeher. ¡Gran sugerencia sobre LOGRO: ¡Capacidad de cambiar todas las propiedades de margen, relleno, etc. juntos! Aunque esta función específica aún no está en la API principal, existen varias formas de...
Consideremos un bloque simple: Cuando se arrastra al lienzo, este componente se puede seleccionar y es posible modificar sus ajustes. Ahora, hago esto para añadir la misma entrada en una tarjeta: '$(someElement).find(".card").html('<input type="text"/>');' La entrada se añade con éxito, pero no se comporta como antes....
ClaudeCode
Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre Element inyectado como HTML en canvas que no se comporta como un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consu...
Hola @artf, Muchísimas gracias por la ayuda anterior. Estoy más novato en desarrollo. Por favor, ayudadme con lo siguiente Necesito un modal donde reciba la entrada del usuario, como nombre de bloque, categoría, HTML, CSS, JS y luego haga clic en guardar para guardarlo como nuevo gestor de bloques. Significa cómo pasa...
artf
Por favor, sigue la plantilla del problema
ClaudeCode
Gracias por informar de esto, @Palash-Mandal. Buena pregunta sobre *. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método d...
Hola @artf Tengo problemas con ciertos rasgos. Cuando arrastro y suelto el bloque en el lienzo, los rasgos aparecen bien en la sección de ajustes. pero cuando guardé y edité la segunda vez y seleccioné esa etiqueta en lienzo, esos rasgos ahora aparecen en la sección de la configuración. ¡Por favor, por favor, por favo...
artf
¿Estás definiendo tu componente personalizado en un plugin?
Palash-Mandal
¿Estás definiendo tu componente personalizado en un plugin? No. Solo hay que añadir la función de init editor = grapesjs.init({ const dc = editor. DomComponents; Componente de Encabezado Personalizado blockManager.add('header', { etiqueta:...
artf
La primera regla para definir nuevos tipos de componentes es colocar el código dentro de un plugin. De docs
He notado que si en la función de inicialización pongo una altura, se fija en función de una cantidad específica de píxeles, por ejemplo, altura: "500px". Sin embargo, si intentas poner un porcentaje, por ejemplo de altura: "90%", el editor no tiene ninguna altura. También me pregunto qué está configurando la altura s...
ahmedderkaoui
Intenta trabajar con 'VH' en vez de 'PX'. Por ejemplo: ponle al editor 'altura: '80VH'', tu barra de navegación 'altura: '20VH''. De este modo, el desplazamiento vertical nunca se mostrará ni será necesario siempre que la suma de la 'vh' d...
samichamoun
intenta trabajar con 'vh' en vez de 'px'.ejemplo: ponle al editor 'altura: '80vh'', tu barra de navegación 'altura: '20vh''. De este modo, el desplazamiento vertical nunca se mostrará ni será necesario siempre que la suma de la 'vh' de tod...
artf
Esto es más un problema de diseño y no está relacionado con el editor GrapesJS en sí.
Gracias por informar de esto, @palash-zinfi. Gracias por compartir tu informe sobre post de prueba. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu Grape...
Algunos de los css no funcionaban correctamente, por ejemplo, el .gjs-cv-canvas no funcionaba. Esta es la captura de pantalla de mi página de grapejs en nextjs ! imagen
ClaudeCode
Gracias por informar de esto, @eyroooon. Gracias por compartir tu informe sobre Usar GrapeJS en nextjs. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu G...