Versión: 0.17.3 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No ¿Cuál es el comportamiento esperado? Poder sobrescribir onStart, onEnd y updateTarget en el 'model.default.scrollable' de un componente, como se detalla en la documentación. Describe el error detallado He creado un componente que extiende ComponentIma...
ClaudeCode
Gracias por informar de esto, @anlumo. El problema con Scrollable onStart/onEnd/updateTarget not Overridable parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos de...
En ese caso, te sugiero que accedas al documento del iframe y añadas manualmente el script en línea (para conseguir el documento usa 'editor. Canvas.getDocument()') Originally publicado por @artf en https://github.com/artf/grapesjs/issues/2012#issuecomment-496304498 Hola, @artf, estaba pasando por el número #2012 y te...
theSC0RP
Intenté actualizar el script en línea siguiendo los siguientes pasos:Obtener el documento del iframe: 'iframeDoc = editor. Canvas.getDocument()'Obtener el innerHTML del cuerpo del documento: 'iframeDocBodyHtml = iframeDoc.body.innerHTML'Su...
theSC0RP
Intenté añadir los eventos select y hover ejecutando el comando 'component-select' escribiendo 'editor.trigger('core:component-select')', pero tampoco ayudó y hacer 'editor.runCommand(''core:component-select')' da un error. ¿Me estoy perdi...
artf
Bueno, creo que no estaría mal añadir una forma fácil de forzar el rerenderizado del iframe (no es un caso común, pero seguro que podría ser útil en algunos casos). Por desgracia, ahora mismo deberías intentar usar métodos privados y compr...
Hola a todos, quiero guardar datos de Canvas en Redux Store, y funciona, pero después de recargar la página, el método de carga de almacenamiento, no pone mis datos en Builder (Canvas), no sé qué me pasa, decidme si alguien tiene alguna solución. Ejemplo de código: '''js grapejs.init({ .../// storageManager: { Tipo: '...
artf
Elimina este 'const resultKey = key.slice(4);'. Almacenas datos con el prefijo pero luego los cargas sin
ClaudeCode
Gracias por informar de esto, @vatte21. Buena pregunta sobre Cómo crear un gestor de almacenamiento personalizado, no configura los datos guardados del canvas tras recargar la página. El enfoque recomendado con StyleManager es usar la API...
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?
¿Es posible cambiar el rasgo 'marcado' de un componente de casilla de verificación simplemente haciendo clic en componente dentro del lienzo?
artf
Sí, claro, el rasgo lee el valor del modelo de componentes, así que si cambias el valor vinculado, el rasgo debería cambiar
ClaudeCode
Gracias por informar de esto, @christosapos. Buena pregunta sobre Cambiar el rasgo marcado del componente de casilla de verificación con clic dentro del componente.. El enfoque recomendado con Canvas es usar la API orientada a eventos. Emp...
Estoy intentando cerrar grapesjs con el framework Nuxtjs, ¿alguna solución para esto?
artf
Creo que se trata simplemente de crear un componente de Vue para GrapesJS y usarlo en algunas de tus páginas
ClaudeCode
Gracias por informar de esto, @pranay2210. Buena pregunta sobre ¿Cómo usar uvasjs con nuxtjs?. 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ífic...
Hola, tengo un problema que es que al añadir un vídeo o una imagen al lienzo, no está centrado, sino hacia la izquierda. Con la ayuda del panel configuré la alineación pero tampoco la centra. ! imagen
Ju99ernaut
Prueba a colocarlo dentro de un recipiente, probablemente puedas centrarlo usando algo como flexbox.
ClaudeCode
Gracias por informar de esto, @FacuCarbon. Gracias por compartir tu informe sobre las imágenes y vídeos no están enfocados. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSa...
Quiero crear mi propio gestor de estilos usando algún framework de interfaz como Element-UI para crear una interfaz de belleza rápidamente. Pero, ¿cómo puedo vincular las propiedades a un componente seleccionado? No vi ninguna API como 'establecerPropiedades a un elemento...'. ¿Puedes ayudarme a hacerlo? ¡Muchas graci...
RutujaBadbe
#2296 ¡Esto podría ayudarte!
artf
Supongo que algo así debería funcionar si necesitas crear el Style Manager desde cero '''js dejemos targetsToStyle = []; const eventToListen = 'component:toggled component:update:classes change:state change:device'; const sm = editor. Styl...
xinnai
@artf ¡Eso es exactamente lo que necesito! ¡Muchas gracias!
Estoy intentando que Grapejs funcione con Vue.js y no tengo suerte, estoy siguiendo el proceso de inicio pero no consigo que funcione bien. Hasta ahora lo he añadido a la sección 'montado()' y he conseguido que aparezcan algunos botones con bloques y se añadan, sin embargo, no he tenido suerte consiguiendo que la secc...
uchoaaa
Echa un vistazo a este problema, quizá ayude: https://github.com/artf/grapesjs/issues/275
artf
Hola @joshk132 sinceramente el código se ve bien, ¿puedes crear una demo reproducible (en algo como Codesandbox)?
joshk132
@artf he conseguido que funcione donde aparecen los paneles, pero ahora no se muestra correctamente. La solución que tuve que hacer fue cambiar para usar el código que aparece abajo. Básicamente tuve que tener "editor" como variable que ha...
¡Hola! He intentado añadir jquery tanto en Canvas como en index.html Lo estoy añadiendo en lienzo así- 'canvas = editor. Lienzo; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' y en la página HTML lo he añad...
artf
Aquí puedes ver cómo cargar las dependencias correctamente https://grapesjs.com/docs/modules/Components-js.html#template-related
ClaudeCode
Gracias por informar de esto, @RutujaBadbe. El error ReferenceError: $ no está definido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición...