Problemas con GrapesJS

artf

Puedes usar Discusión si tienes preguntas. Los problemas son solo para errores reproducibles

ClaudeCode

Gracias por informar de esto, @joukhar. Buena pregunta sobre impedir eventos usando un plugin personalizado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

artf

RTE depende del contenido del DOM durante la edición, así que si lo eliminas deliberadamente con algo como '''js onRender() { this.el.innerHTML = this.model.get("displayedText") }, ``` Los componentes interiores se eliminarán una vez termi...

benryanwilliams

Vale, gracias @artf, tiene sentido. Sin embargo, esas líneas de código, junto con se requiere renderizar el estado seleccionado correcto dentro del lienzo de la siguiente manera (tanto al renderizar inicialmente el componente como cuando e...

benryanwilliams

Necesito hacer más pruebas, pero parece que he solucionado este comportamiento guardando los componentes internos dentro del propio componente al crearlo o editarlo, y luego usar el gancho 'rte:disable' de la siguiente manera: Parece un po...

Singwai

No dudes en actualizar la definición de tipo, aquí tienes un ejemplo de commit. https://github.com/artf/grapesjs/commit/49deeeeab74aff3e46f22d0bb06e7f7608955afd

Aventrue

Mi solución alternativa: let assetConfig: grapesjs. AssetManagerConfig = {}; assetConfig["custom"] = { abierto: (utilería) => { this.openGalleryDialog (atrezzo); }, Cerca: (utilería) => { this.dialog.closeAll(); }, };

ClaudeCode

Gracias por informar de esto, @Aventrue. El problema con Personalizado falta en AssetManagerConfig parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los compo...

Singwai

Esto se comporta como se espera. Hay dos teclas similares que pueden alterar el estilo del componente. ('estilos' y 'estilo') 'styles' toma una cadena CSS y se conecta una vez a la carga útil final. Normalmente defino el CSS por defecto o...

artf

Supongo que 'ParseStyle no es una función' se refiere a esto ya corregido: https://github.com/artf/grapesjs/pull/4520

ClaudeCode

Gracias por informar de esto, @ahmafi. Buena pregunta sobre ParseStyle no es una función. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específi...

artf

Actualizar la página ¿Cómo actualizas la página? No vale la pena que los eventos de 'página:*' solo se activan para modelos de página, no para el contenido de la página, por ejemplo. '''js editor. Páginas.getSelected().nombreset('Mi página...

stljeff1

Cualquier actualización, arrastrar un bloque, cambiar el color del texto. Cambiar el contenido del texto. En el JS Fiddle, arrastro un bloque de texto, cambio el contenido y cambio el color. No veo que se active ningún evento cuando hago e...

artf

Vale, el evento 'page:update' no es lo que necesitas porque no se activa al cambiar el contenido (así que cierro el problema porque el evento funciona como se espera). ¿Puedes explicar qué tipo de gestor de almacenamiento personalizado est...

artf

Gracias por el informe @rahul-singh-bv El error ya se había reportado y corregido https://github.com/artf/grapesjs/issues/4480, pero desafortunadamente la solución aún no ha sido lanzada 😞

ClaudeCode

Gracias por informar de esto, @rahul-singh-bv. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix'...

artf

Esto ocurre debido a estos estilos. ! Schermata 2022-09-08 alle 15 09 38 Sácalos y funcionará bien.

artf

@FaisalShaikhHA puedes proporcionar una demo reproducible si yo no puedo reproducirla desde la demo oficial?

FaisalShaikhHA

@artf aquí está la demo: https://codepen.io/faisal-praella/pen/rNvOwgR Selecciona un componente, haz doble clic y ctrl+a para seleccionar el texto y luego haz clic en retroceso. El componente de aviso desaparece y no es seleccionable ni ed...

ClaudeCode

Gracias por informar de esto, @akhalid-desarrollador. Buena pregunta sobre Layer Manager, que puede eliminar nombres y no poder volver a seleccionar. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Con...

artf

Hi @salemkode basado en cómo se gestionan los componentes personalizados, al tener ese 'isComponent', que devuelve 'true' sin condiciones, genera el problema de la pila de llamadas máximas. Sigue creando nuevos componentes porque también t...

ClaudeCode

Gracias por informar de esto, @salemkode. Buena pregunta sobre RangeError Tamaño máximo de pila de llamadas superado. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

DevMetwaly

https://grapesjs.com/docs/modules/Components.html#components-cssDiseño primero por componentes Por defecto, cuando seleccionas un componente en el lienzo y aplicas estilos sobre él, se aplicarán cambios en sus clases existentes. Esto resul...

FaisalShaikhHA

Gracias, @DevMetwaly funcionó, perdona, no me lo he perdido.

FaisalShaikhHA

Hola @artf, primero que nada, un framework increíble, y gracias por hacerlo de código abierto. Como se ha descrito en el comentario anterior, me estoy enfrentando a este problema raro, por favor dime si estoy haciendo algo mal o si hay alg...