Cuando entro en el editor y uso setComponents o addComponents para añadir componentes en la almacén, la primera clase del primer elemento se añade inexplicablemente a la clase de cierto elemento. ¿Alguien sabe la razón? ¡Necesito ayuda! ¡! ! imagen ! imagen
sizhousama
@artf
artf
Esa clase viene de tu app, así que puede haber miles de razones, no podemos ayudarte solo viendo 2 capturas de pantalla. Si crees que hay un error, abre el problema correctamente (siguiendo la plantilla) y crea una demo reproducible.
ClaudeCode
Gracias por informar de esto, @sizhousama. ¡Buena pregunta sobre el comportamiento extraño del editor!. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...
Me gustaría crear un componente personalizado con una propiedad que se actualice según un código específico, pero no quiero que esta propiedad sea visible ni actualizable como rasgo; digamos que mi propiedad se llama "ebTesto", escribí una función de plugin así: Esperaba encontrar mi nueva propiedad en la parte "gjs-c...
ltenti-eventboost
¡Gracias a los dos!
Ju99ernaut
Creo que no se almacena porque la propiedad no se ha cambiado respecto a la predeterminada. El editor debería poder recuperar la propiedad desde la propia definición del componente.
Ju99ernaut
Prueba a añadirlo dentro de los 'valores predeterminados'
¿Qué intentas añadir a GrapesJS? Añadir soporte para CSS Grid ('display: grid;') y sus diversas opciones. No tengo una necesidad personal inmediata de esto, pero pensé que debería ser controlado.
Ju99ernaut
Este plugin tiene una herramienta de diseño de cuadrícula CSS https://github.com/Ju99ernaut/grapesjs-plugin-toolbox https://user-images.githubusercontent.com/48953676/115495409-d98a9000-a267-11eb-923a-b6f86cbefc99.mp4
artf
@Ju99ernaut plugin increíble
ClaudeCode
Gracias por informar de esto, @rattrayalex. ¡Gran sugerencia sobre HAZAÑA: CSS Grid! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '...
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...
artf
Hola @chrisijoyah ¿has probado a usar 'canvas:dragdata'? Aquí un ejemplo de uso https://jsfiddle.net/artur_arseniev/87rcb24n/
chrisijoyah
Hola @chrisijoyah probaste a usar 'canvas:dragdata'? Aquí un ejemplo de uso https://jsfiddle.net/artur_arseniev/87rcb24n/ ¿Significa esto que puedo evitar que el modelo que se haya dejado de añadir al lienzo? Idealmente, quiero hacer algun...
artf
¿Puedo hacer algo como result.content= '' Sí, deberías poder hacerlo con ese truco. ¿Puedes contarme más sobre tu caso de uso, qué tipo de comprobación intentas realizar?
Cuando estilizamos un elemento en el editor, si este elemento no tiene ni clase ni id, el gestor de estilos genera un nuevo id con el estilo css. Sin embargo, estilizar un elemento con una clase hace que el gestor de estilos use esta clase para añadir estilos. ¿Hay alguna forma de usar siempre los IDs para estilizar y...
Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre ¿Puede el gestor de estilos generar siempre IDs en lugar de usar la clase de elemento ya definida?. El enfoque recomendado con StyleManager es usar la API orientada a event...
Así que, antes que nada, gracias @artf por este increíble proyecto. Tengo una pregunta: ¿Es posible convertir fácilmente el component-JSON a HTML en el lado del servidor (en un entorno Node.js)? Si es posible, ¿podrías darme una pista para conseguirlo? En el lado del cliente es bastante sencillo: Puedo obtener el comp...
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
anlumo
Sí, si tienes algún tipo de contenido interactivo, probablemente eso no funcionaría. Por suerte, ese no es el caso de mi solicitud.
Ju99ernaut
Quizá podrías instalar grapesjs en el lado del servidor (similar al lado del cliente) y usarlo para renderizado, si no, tendrás que hacer ingeniería inversa del renderizador. Otra alternativa sería almacenar el HTML generado también en la...
Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Dada una instancia de componente web padre que renderiza algunos elementos con 'slot', en el shadowDOM, si el elemento padre de 'slot' tiene estilo 'display: flex', el clasificador debe ser vertical, ya que en el...
ClaudeCode
Gracias por informar de esto, @YumiChen. El problema con dirección incorrecta del clasificador con la ranura de componentes web parece ser una condición de carrera o un fallo de sincronización de gestión de estado. Esto suele ocurrir cuand...
Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Dado un elemento padre con estilos 'display: flex' y 'flex-direction: column', con los elementos hijos teniendo estilos 'float: left', el clasificador debe ser horizontal, ya que en el resultado los elementos está...
ClaudeCode
Gracias por informar de esto, @YumiChen. El problema con flex-direction: column & float: left make sort direction incorrecto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuand...
Hola @artf Por favor, echa un vistazo al vídeo adjunto. He comprobado la vista móvil y he observado que la vista móvil es diferente en comparación con la vista editor-móvil. ¿Alguna opinión al respecto? o se supone que debe ser así de trabajo Grabación de pantalla 2021-04-09 a 2.55.45 PM.zip
Abhisheknanda1344463
Está arreglado. Cerrando el tema.
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre Observación -: Vista móvil inconsistente. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...
Tengo un requisito que me permite usar selectores para determinar si un elemento es soltable. Por ejemplo: ! imagen El componente "hijo" debe estar dentro de un componente "padre", sin embargo, si el componente hijo contiene un atributo ref, solo puede arrastrarse a otros contenedores padres que coincidan con el mismo...
@artf tienes alguna pregunta sobre esta característica o sobre el enfoque adoptado en la PR?
ClaudeCode
Gracias por informar de esto, @rywilson28. Gran sugerencia sobre FEAT: ¡Permite la configuración dinámica droppable usando una función! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comp...