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...
Versión: 0.16.34 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No Según tengo entendido, el diálogo de importación de código se salta todos los scripts HTML, así que no puedo reproducir el problema en la demo ¿Cuál es el comportamiento esperado? El editor debe eliminar bloques de script muertos antes de añadir un...
Ju99ernaut
No puedo reproducir esto, quizá puedas aportar más información sobre el componente personalizado en sí, de todas formas sospecho que es un problema relacionado con el almacenamiento. ¿Estás almacenando y luego cargando páginas a partir del...
Andrew-Chen-Wang
Normalmente, los scripts en línea van en el cuerpo en la parte inferior. ¿Quizá podrías ponerlo ahí?
am1rb
No añado nada por mi cuenta. El editor añade los scripts relacionados con mis componentes en una nueva etiqueta de script al final del HTML generado. Por favor, echa un vistazo a este archivo: https://github.com/artf/grapesjs/blob/dev/src/...
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...
Andrew-Chen-Wang
Un solo clic puede ser molesto al arrastrar bloques. Si ya has seleccionado un bloque, aún tienes que hacer doble clic. Si no seleccionaste un bloque, puedes simplemente hacer doble clic en el bloque para editar el texto. Creo que eso ya e...
fahad157
@Andrew-Chen-Wang: Sí, es correcto, pero en mi caso quiero editar con un solo clic, si es posible, por favor guíaos.
¡Hola! Quiero mostrar las categorías en el gestor de bloques en una secuencia determinada. Revisé la documentación y problemas anteriores y encontré algo sobre el atributo de orden. Así que probé a establecer el atributo de orden. Pero aún no se muestra en ese orden aunque el atributo de orden se esté configurando. ¿M...
Ju99ernaut
Supongo que puedes hacer que esto sea una solicitud de funcionalidad, no estoy seguro de si algo así existe ya en grapesjs. Aunque el orden de los bloques puede ser más fácil de gestionar si divides los bloques de cada categoría en diferen...
Ju99ernaut
Creo que el orden en que se añaden los bloques es lo que determina el orden de las categorías.
RutujaBadbe
@Ju99ernaut ¡hola! Gracias por la respuesta. Sí. Al final hice eso. ¿pero qué pasa si quiero hacerlo de forma dinámica? Si hay muchos bloques, ¿no es difícil mantener el orden?
Hola, ¿Cómo puedo añadir buildProps a la lista de propiedades para que, cuando se seleccione una opción, se muestren las propiedades de esa opción? Un ejemplo de lo que intento conseguir en la propiedad flexible. '''javascript { nombre: 'Layout', Abierto: Cierto, buildProps: ['display'], Propiedades: [ { Tipo: 'Radio'...
Ju99ernaut
Creo que puedes mover los proyectos de construcción fuera de la lista de propiedades y aun así conseguir lo que buscas; las propiedades integradas relacionadas con la caja flexible solo aparecen cuando un componente tiene 'display: flex'....
server102
Gracias. Lo he probado pero las propiedades de la cuadrícula no funcionan. Puede que tenga que implementarlo manualmente, pero no estoy seguro de cómo abordar el problema de la mejor manera.
Ju99ernaut
No hay 'buildProps' para propiedades de la cuadrícula, así que tendrás que construirlas desde cero; desafortunadamente, la documentación no tiene mucha información sobre propiedades personalizadas, probablemente tendrás que juntar las piez...
Versión: 0.16.41 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? 1) Copiar el componente padre seleccionado (contenedor) al portapapeles. 2) Pegar el componente padre seleccionado (contenedor) del portapapeles (en la misma página u otra página). 3) Todos los componentes manti...
artf
Eso porque has actualizado los comandos originales con tus versiones (incorrectamente). De hecho, si elimino tu plugin de la demo, todo funciona como se espera. Por favor, revisa el comando original de copiar y pegar, deberías clonar compo...
artf
Solo revisa los comandos originales https://github.com/artf/grapesjs/blob/dev/src/commands/view/CopyComponent.js https://github.com/artf/grapesjs/blob/dev/src/commands/view/PasteComponent.js
bgrand-ch
@artf Gracias por tu respuesta. ¿Un enlace, un ejemplo o más explicaciones, por favor? 😅
Antes que nada, enhorabuena @artf por este increíble proyecto 💯 Actualmente estoy trabajando en un proyecto y quería preguntar si puedo editar el envoltorio (cuerpo) igual que edito otros componentes dentro de él. Por ejemplo, me gustaría editar el relleno del envoltorio como hago con el color de fondo. ! pregunta de...
artf
Sí, @kuhelbeher, ahora el envoltorio se crea después de los plugins, así que puedes extenderlo completamente como cualquier otro componente
artf
LE: He encontrado una manera. Estoy sobrescribiendo el array stylable de getWrapper(), pero no estoy 100% seguro de que esta sea la forma correcta. ¿Puedes confirmarlo? Sí, claro, está bien, pero si lo necesitas, puedes cambiar las propied...
kuhelbeher
puedes cambiar las propiedades del wrapper en init mediante la opción 'mainConfig.domComponents.wrapper'https://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9 Hola, he notado q...
¿Qué intentas añadir a GrapesJS? Intento estilizar GrapesJS y posicionar sus elementos (paneles, botones, lienzo, etc.), es molesto anular todos los elementos de estilo. Describe tu solicitud de función Un GrapesJS sin renderizado.Añadir un elemento específico de GrapesJS (paneles, botones, lienzo, etc.) en cualquier...
ClaudeCode
Gracias por informar de esto, @bgrand-ch. ¡Gran sugerencia sobre HAZAÑA: Renderizado! 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:...
Versión: Reproducido en codepen a continuación usando 0.16.34 (devuelto de https://unpkg.com/grapesjs) y 0.16.22 en un proyecto Preact Describe el error detallado Un componente personalizado de GrapesJS llama a la función "onRender" de su vista cuando el componente se renderiza en el lienzo. Según la documentación: !...
ClaudeCode
Gracias por informar de esto, @Dmurl5. El problema con Vista de componentes personalizados en Render se llama early parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eve...