Hola, gracias por tu trabajo. Tengo un problema. Quiero hacer una vista tipo codepen y que la vista de grapesjs sea arrastrable hacia arriba y hacia abajo. Pero cuando lo arrastro, las herramientas van a la posición incorrecta y también los elementos de resaltado al pasar el cursor están equivocados. Probé splitjs y o...
Ju99ernaut
Puedes probar a ejecutar 'editor.refresh()'
xinnai
@Ju99ernaut ¡Muchas gracias, me salvas el día!
ClaudeCode
Gracias por informar de esto, @xinnai. Buena pregunta sobre gjs-cv-tools en una posición incorrecta cuando pongo grapesjs en un splitpanes. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...
Estamos trabajando en un sistema CMS que utiliza uvas js. Llegamos a una condición en la que no podíamos añadir la relación de aspecto en la "mediaCondition" manteniendo la orientación. Nuestro editor de diseño tiene modos de diseño vertical y paisajístico con una proporción 16:9. Pero nos gustaría añadir más relacion...
artf
Perdona, ¿puedes ilustrar mejor qué necesitas? ¿Cuál es el CSS final que esperarías del editor?
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
ClaudeCode
Gracias por informar de esto, @Nigus. Excelente pregunta sobre Pregunta: Cómo añadir diferentes relaciones de aspecto a dispositivos móviles en el administrador de dispositivos.. El enfoque recomendado con GrapesJS es usar la API orientada...
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor de grapej (similar a Canva), y he configurado el editor en modo 'absoluto', que funciona de maravilla. Sin embargo, no consigo encontrar la forma de mover el bloque que se cae en...
artf
No, desafortunadamente, en ese caso, el keymap personalizado sería la única solución. Deberías simplemente conseguir el componente seleccionado y actualizar su estilo.
michaelhofer
He encontrado una solución funcional para esto de la siguiente manera: Los comandos se están añadiendo de la siguiente manera: El método 'moveSelectedElements' hace lo siguiente: Sin embargo, al mover los elementos con las flechas, el lien...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { Evitar la acción predeterminada del navegador prevente: cierto, });
Tengo un componente que usa la propiedad 'background-url' del Style Manager: Me gustaría reutilizar esta interfaz que aparece en el Style Manager para un rasgo de URL en segundo plano que aparece en "Configuración": ! Captura de pantalla 2021-03-11 a las 28 12 27 PM ¿Es posible que una propiedad del Style Manager se c...
artf
Desafortunadamente, aún no es posible, pero hay un plan para añadir pronto un nuevo módulo de interfaz que debería permitir la reutilización de elementos de la interfaz
zachsnoek
:+1: ¡Gracias!
ClaudeCode
Gracias por informar de esto, @zachsnoek. Buena pregunta sobre Crear rasgo con la interfaz de propiedad del Style Manager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...
Versión: 0.16.44 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? De verdad, cualquier otra cosa Describe el error detallado Estaba intentando cargar scripts en el lienzo. Mi primer intento fue 'scripts: []' y luego me encontré con el problema de sincronización mencionado en e...
KernelDeimos
Hace tiempo que no uso etiquetas en línea <script>y se me olvidó esta advertencia del analizador HTML. Cerrando esto.
ClaudeCode
Gracias por informar de esto, @KernelDeimos. ¿El problema con Intentos de cargar scripts en Canvas quizá rompe JavaScript?? Parece ser una condición de carrera o un problema de sincronización de la dirección estatal. Esto suele ocurrir cua...
Hola, quiero desarrollar el código fuente pero no puedo empezar. Recibí errores al empezar el proyecto. ¿Alguien puede ayudarme? ¡Muchas gracias!! ! Snip20210311_1
xinnai
@Andrew-Chen-Wang creo que debe ser algo relacionado con mi entorno de desarrollo, así que uso otro ordenador para instalarlo y moverlo a mi ordenador, todavía no sé por qué, pero ahora funciona bien. Espero que no vuelvan a ocurrir errore...
Andrew-Chen-Wang
Para el desarrollo de código fuente, consulta: https://github.com/artf/grapesjs#development
xinnai
@Andrew-Chen-Wang, sí, lo hice, pero siempre me sale este error, ¿qué puedo hacer?
¡Hola de nuevo! Situación actual:Empiezo a editarEn el gestor de capas maximizé el ancho del contenedor de mover (el icono de flechas) para poder arrastrar el elemento haciendo clic en cualquier lugarMe muevo rápido en el editor y accidentalmente muevo la capa en vez de seleccionarla Lo que quiero:Quiero evitar el ini...
ClaudeCode
Gracias por informar de esto, @RaresVlaiduc. Buena pregunta sobre qué evento se activa al iniciar el movimiento de componente. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documen...
Hola, @artf, este es un marco estupendo, muchas gracias. Ahora lo estoy usando para crear componentes del framework móvil de BUI y me encontré con un problema: añadí un área de texto personalizada para rasgos, ¿cómo puedo hacer esto? Cuando los datos cambian, se activan en el script de salida. '''js editor. TraitManag...
Ju99ernaut
Tendrás que añadir el rasgo a 'script-props', puedes leer más aquí https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts
imouou
Gracias @Ju99ernaut, si son algunas funciones integradas, al modificar el script puede recibir el valor del parámetro, actualmente estoy experimentando problemas: la característica personalizada 'textarea' puede activar cambios como dom, p...
Hola. Grapesjs es una herramienta estupenda. Gracias por ello. Quiero actualizar el valor de texto de un componente por entradas, ¿cómo puedo hacerlo? si un usuario rellenaba la caja de entrada con algo como: SITIO DE TÉ, el título debería cambiar a él ! imagen
artf
Solo tienes que encontrar el componente y actualizarlo como quieras '''js const typedByUser = 'escribe algo...'; const cmp = editor.getWrapper().find('.any-query-selector')[0]; cmp & & cmp.components (typedByUser); ```
millord
También quiero algo similar con mi app de uvas, pero usando React para actualizar un componente de texto mediante una entrada de control. ¿Alguien puede ayudarte con eso?
Hola. Cuando intento generar una plantilla de boletín a partir de un código HTML existente con algunas etiquetas de envolvimiento VML <style> , las clases de estilo existentes se procesan bien, aunque cualquier mención de tales VML se elimina del Editor. ¿Podrías dar una pista de una posible solución alternativa? ¿Es...
ClaudeCode
Gracias por informar de esto, @DMSlam. Buena pregunta sobre ¿Hay alguna forma de mantener el código VML en CSS para mantener algunos estilos alejados de Outlook?. El enfoque recomendado con StyleManager es usar la API orientada a eventos....