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, });
Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic? Lo sé, el clic único puede ser molesto al arrastrar bloques y eso ya es bastante estándar, pero en mi caso, quiero editar solo con un solo clic, si es posible, por favor guíame.
Gracias por informar de esto, @fahad157. Gracias por compartir tu informe sobre edición de texto con un solo clic. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSF...
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?
Después de NPM I podemos ver que el nivel de vulnerabilidades es inaceptable. Añadimos 646 paquetes de 383 colaboradores y auditaron 762 paquetes en 7.892 Se encontraron 724 vulnerabilidades (353 bajas, 23 moderadas, 348 altas) Ejecuta 'NPM Audit Fix' para corregirlos, o 'NPM Audit' para más detalles Estoy intentando...
AmtechInnovarch
Por eso los programadores veteranos con décadas de experiencia desaprueban JS como lenguaje de back-end. Javascript no está pensado para ser un lenguaje de lado servidor, y estos paquetes de nodos crean vulnerabilidades que provocan que lo...
KernelDeimos
¿GrapesJS tiene una capa del lado del servidor?
KernelDeimos
Javascript no está pensado para ser un lenguaje de lado servidor, y estos paquetes de nodos crean vulnerabilidades que provocan que los servidores sean hackeados. ¿Estás insinuando que Javascript es el único lenguaje donde las dependencias...
Hola @artf Seguí la documentación para crear un nuevo tipo de gestor de activos Aquí (https://codepen.io/abhi_punk81/pen/MWbWzaq) He creado un tipo nuevo como el mismo que aparece en la documentación ¿Cómo puedo abrir ese gestor de activos después de soltar mi bloque personalizado de iconos -: Al principio funciona bi...
Abhisheknanda1344463
@artf Lo consiguieron y también manejamos insensibles a mayúsculas minúsculas https://user-images.githubusercontent.com/20657737/112457190-82d18980-8d81-11eb-895b-b5c42e849f3a.mov ¡Gracias! ❤️
Abhisheknanda1344463
Hola @artf de alguna manera he conseguido hacerlo En el componente activo llamé a esto -: '''js eventos: { dblclick: 'onActive' }, onActive () { editor. AssetManager.render(editor. AssetManager.getAll().filter(asset => asset.get('type') ==...
artf
Debería ser similar a lo que ya has hecho aquí 'Editor. AssetManager.render(editor. AssetManager.getAll().filter(asset => asset.get('type') == 'svg-icon'));' Así que busca assets buscando y actualízalo con render
¡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?