Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 93.0, Chrome 94.0.4606.71 Enlace de demo reproducible https://github.com/Tribe-Mobile/grapesjs-blocks Describe el bicho ¿Cómo reproducir el bicho?Ejecutar git repositorio, sin bloques mostradoscambiar a la versión...
paooolino
ver aquí #3835
ClaudeCode
Gracias por informar de esto, @sduncan-tribu. Buena pregunta sobre bloques que no funcionan después de actualizar de 0.16.27 a 0.17.27. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docum...
Hola @artf, Estamos usando opciones selectas como Rasgos, pero estas se muestran como entrada. a veces las opciones de visualización y otras veces como entrada . Nuestro código está a continuación defaults: Object.assign({}, defaultModel.prototype.defaults, { Rasgos: [ { etiqueta: "Categorías", nombre: "noOfCategories...
YumiChen
@artf Solo para añadir que también nos hemos topado con esto estos dos días. Esto parece ocurrir solo con la versión '0.17.25'. A continuación se muestra Jsfiddle para reproducir el número; si es necesario, por favor revisa: https://jsfidd...
codingmachine16
Hola @artf Este problema sigue ahí. ¿Cuándo se arreglará esto? [Rasgos]: 'select' tipo no encontrado {level: 'warning'}
codingmachine16
Vale. Claro. Gracias. Para que lo sepas, este problema no existía el 17.0.22
Estoy trabajando en un script que añade un rasgo a todos los tipos de componente, pero el tipo de comentario no tiene el objeto prototipo. Código '''js DDW = editor. DomComponents.getTypes(); para (sea i = 0; i < ddw.length; i++) { ddq = ddw[i].id; editor. DomComponents.addType(ddq, { Modelo: Editor. DomComponents.get...
aliibrahim123
@artf
artf
No uses 'model.extend'/'view.extend', esos forman parte de la antigua API. Este es un ejemplo de cómo extender correctamente los rasgos en todos los componentes '''js const { Components } = editor; Components.getTypes().forEach(({ id, mode...
skru
Esta es una gran solución, artf, ¿algún consejo sobre cómo usarla para componentes que tienen rasgos definidos en una función?, según la documentación: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components
Por favor, ¿alguien puede explicar de forma clara cómo añadir extensiones? ¡MUCHAS gracias!
artf
Creo que buscas esta https://grapesjs.com/docs/modules/Plugins.html
ryprfpryr
creo que buscas este https://grapesjs.com/docs/modules/Plugins.html Oye@artf gracias por tu respuesta, pero lo que realmente necesito saber es cómo añadir extensiones/plugins existentes a mi Grapesjs. Mi objetivo principal es alojar una in...
artf
Hola @ryprfpryr puedes consultar el archivo de demostración aquí https://github.com/artf/grapesjs/blob/gh-pages/demo.html
Lo uso para crear contenido PDF dinámico. Quería fijar la altura del lienzo para que el usuario no pueda añadir más bloques de un tamaño (altura) dado. Quiero eliminar scroll y un mensaje o restricción como que no se pueden añadir más objetos o algo así. Encontré un problema antiguo en la misma https://github.com/artf...
amansharmaagami
@artf Gracias por crear GrapesJS.
ClaudeCode
Gracias por informar de esto, @amansharmaagami. Buena pregunta sobre Quiero añadir una altura fija de tamaño para el lienzo. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...
Hola @artf. Me gustaría ejecutar algunos escenarios de prueba en GrapesJs usando la herramienta Cypress. Sin embargo, no puedo simular el modo de arrastrar y soltar usando Cypress. ¿Podrías ayudarme, por favor? Gracias.
ronaldohoch
Creo que esto puede ayudarte: https://stackoverflow.com/questions/55361499/how-to-implement-drag-and-drop-in-cypress-test
christosapos
He probado algo similar y no me ha funcionado... Creo que mi problema es que el lienzo de GrapesJ se renderiza como un iframe, la tabla con bloques se renderiza fuera de este iframe y cypress, cuando hago clic en un bloque para arrastrarlo...
ronaldohoch
Todavía no he llegado a los exámenes en mi desarrollo :/ Pero yo finjo usar ciprés también.
Hola @artf quiero anular la función de arrastre de '''dmode "absoluto"'''. Por ahora, tenemos la capacidad de movernos libremente por el lienzo y, si nos mueves a cualquier parte del escritorio, no será igual en el otro móvil o dispositivo de mesa. Además, en los píxeles quiero que sea en porcentaje para que sea sensi...
artf
Tienes que extender el comando ComponentDrag
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. ¡Gran sugerencia sobre las funciones de Anulación de Arrastre! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar....
Este es mi código de bloque personalizado: Quiero añadir un evento de clic al botón después de añadirlo al lienzo, y cuando hago clic, puedo obtener el contenido en el texto de mj-text
mingxin-yang
@artf
artf
@mingxin-yang tienes que extender la vista del componente 'botón mj'
ClaudeCode
Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Cómo añadir un evento de clic. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específ...
Cualquiera sabe cómo ejecutar una función cuando se abre el gestor de bloques
artf
Si usas el comando por defecto para mostrar/ocultar bloques, puedes hacerlo con 'editor'. Commands.isActive('open-blocks')'
ClaudeCode
Gracias por informar de esto, @aliibrahim123. Buena pregunta sobre ayuda: cómo saber si el panel del gestor de bloques está abierto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la document...
Estoy usando GrepeJS en un proyecto de React. Cuando entro en modo vista previa y pulso el botón de atrás del navegador, el modo de vista previa no sale. Sin embargo, cuando hago clic en el globo ocular aparece los errores "TypeError: No se puede leer la propiedad 'stop' de undefined" ! grapesJS-error
artf
Hola @rajnishrao por favor intenta actualizar a la última versión. Si sigues teniendo el problema, abre un nuevo número e incluye una demo reproducible.
ClaudeCode
Gracias por informar de esto, @rajnishrao. El error TypeError: No se puede leer la propiedad 'stop' de indefinido" ocurre cuando el módulo intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicia...