Hola, querida: Quiero mover un componente a first/end en el wrapper programáticamente, creo que algo como editor.getWrapper().add(editor.selectedComponent(), {at: 0});, pero esto es añadir un nuevo clon de selectedComponent, ¿Quizá con el gatillo "Sorter:Drag:end" en posición? ¿Puedes ayudarme? Perdón por mi mal inglé...
artf
Probablemente tenga sentido añadir un nuevo método 'component.move(desComponent, opts)' para cubrir ese caso, pero por ahora puedes lograrlo así: '''js const selected = editor.getSelected(); selected.remove({ temporal: true }); La opción t...
ClaudeCode
Gracias por informar de esto, @alemenciones. Buena pregunta sobre cómo mover componentes. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específic...
Versión: 0.16.22 ¿Puedes reproducir el error de la demo? Sí ¿Cuál es el comportamiento esperado? Cuando el usuario pulsa el botón de previsualización, la barra de herramientas de iconos no debe ser clicable. Describe el error detallado Cuando el usuario pulsa previsualización (incluso en la web de demostración), si pa...
artf
Corrección lista para la próxima versión
ClaudeCode
Gracias por informar de esto, @TouficNouwayhedd. El problema con Cuando está en modo previsualización, la barra de herramientas solo se oculta pero sigue siendo clicable parece ser una condición de carrera o un problema de sincronización d...
Estoy intentando crear un bloque personalizado. Pero el formulario no se envia cuando uso 'componentes' dentro del contenido. Puedo obtener todos los datos del formulario cuando uso 'content' en lugar de componente. Pero entonces no me permite arrastrar nuevas entradas para formarlas.
gixid192
Lo importante: falta el html. Si puedes, deberías compartir el código en Codesandbox o en editores online similares.
artf
Sí, necesitamos el código completo para entender el problema. En fin, si usas 'script', por favor define un Componente Personalizado en lugar de colocarlo directamente en el Bloque, o tendrás problemas para almacenar. Sé que así se ilustra...
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...
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
No seas irrespetuoso, lee y sigue la plantilla del tema...
ClaudeCode
Gracias por informar de esto, @maivanchuong. El problema con quiero guardar y cargar en asp.net mvc parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo d...
Hola a todos, ¿podéis indicarme la dirección correcta?Cuando guardo el código html y el código css, se recorta una nueva línea. ¿Hay alguna forma de evitar que me recorten?Tras insertar el bloque de "código personalizado", guardar y restaurar desde el almacenamiento remoto, aparece como el tipo "Predeterminado" o el t...
vbeskrovny
Solucionado usando contenido json desde StorageManager.
ClaudeCode
Gracias por informar de esto, @vbeskrovny. Buena pregunta sobre Se necesita ayuda: guardar/restaurar los tipos de bloques de datos de GJS. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta l...
Hola, Si arrastro y suelto un bloque en un componente añadido dinámicamente, ¿cómo puedo acceder o acceder al componente sobre el que se deja caer el bloque? He puesto el modo arrastre en 'absoluto' (modo diseño) para que los usuarios puedan dejar un bloque libremente en cualquier lugar de las páginas con una imagen d...
artf
Lo siento, amigo, pero aquí respondo solo a tu pregunta principalSi arrastro y suelto un bloque en un componente añadido dinámicamente, ¿cómo puedo acceder o acceder al componente sobre el que se deja caer el bloque? '''js Bloque y compone...
inthismachine
@artf hay alguna forma de envolver <mj-text>xxx</mj-text> dentro de una sección MJ y una columna MJ si se cae ilegalmente? Como si el usuario intentara dejarlo caer sobre el cuerpo. La razón es que me gustaría añadir automáticamente un blo...
ClaudeCode
Gracias por informar de esto, @sprklinginfo. Buena pregunta sobre Ayuda necesaria: ¿Conseguir el componente sobre el que se deja caer un bloque?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Con...
Me gustaría reutilizar el selector de colores que se usa en GrapesJS. Tengo que usar un selector de color para algunos ajustes a nivel de proyecto. Estos ajustes son accesibles desde el editor GrapesJS. Me gustaría aprovechar el selector de color existente que se usa para rasgos como los colores de la fuente, etc. He...
artf
Actualmente, la única forma es usar esta API, no pública. '''js editor.getModel().initBaseColorPicker(DomElement, { / spectrum options / }); ``` He empezado a trabajar en un nuevo módulo de UI para manejar situaciones similares (posibilida...
himedlooff
¿Hay alguna forma de mantener el selector de color pero configurar las opciones de Spectrum? Por ejemplo, si quisiera forzar los colores hexadecimales podría pasar '{ preferredFormat: "hex" }'?
ClaudeCode
Gracias por informar de esto, @stljeff1. ¡Gran sugerencia sobre ¿Cómo reutilizo el Spectrum Color Picker?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el...
¿Qué intentas añadir a GrapesJS? Actualmente, las instancias de editor recién instanciadas se añaden a una colección indexable donde el usuario debe gestionar la relación de estos editores en su implementación. En su lugar, debería haber una colección gestionada donde el usuario pueda proporcionar un valor clave que l...
artf
No estoy seguro de haberlo entendido bien, ¿puedes ilustrar de alguna manera el comportamiento actual y tu propuesta?
jlong-crestron
Básicamente, estoy buscando un cambio en la lista expuesta que agregue las instancias del editor al inicializar, así que cambiar 'editors' de una lista a un mapa con una nueva propiedad en el objeto de configuración init en el parecido de...
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...
Estoy intentando que los componentes no sean editables en el modo de vista previa. El siguiente código no funciona. Por favor, ayúdame a arreglarlo. editor; ngOnInit(){ this.editor = this.initializeEditor(); this.editor.on('load', () => this.editor.runCommand('preview')); this.editor.on('run:preview', () => { this.edi...
artf
Arregla tu función de esta manera '''js whenRunPreview(ed, type) { ed.getWrapper().findType(type).forEach(cmp => cmp.set({ editable: false })) } ```
ClaudeCode
Gracias por informar de esto, @niveth09. Buena pregunta sobre ¿Cómo hacer que los componentes no sean editables en modo previsualización?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consult...
Hola, hay un error con el redimensionamiento de los elementos cuando sus tamaños se ajustan con porcentaje: ! simplescreenrecorder-2020-12-11_15 46 17 Puedes consultar este número aquí
artf
No es un error, simplemente nunca he gestionado bien el redimensionamiento con el porcentaje 🙃 Una imagen permanente sería bienvenida
ClaudeCode
Gracias por informar de esto, @kuhelbeher. El problema con el Redimensionamiento con porcentaje parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de v...