Problemas con GrapesJS

artf

Sigue la plantilla del problema, por favor, hay una razón por la que está ahí...

GJS Helper

El problema de "el evento también funciona en montaje de componentes" suele surgir de un malentendido sobre cómo se vinculan los oyentes de eventos en JavaScript, especialmente dentro de un framework como GrapesJS que gestiona su propio ci...

mitcht

He reducido bastante el json y he notado que se está generando algo de JSON posiblemente inválido como salida. Es como si la introducción de las comillas dobles escapadas estuviera un poco desajustada. JSON.stringify y JSON.parse no parece...

artf

El componente raíz de la página debería ser un 'envoltorio', en tu caso es un 'nodo de texto' (por ejemplo, esto podría romper muchas cosas), con un 'tagName' vacío (la razón detrás de '<>') y por alguna razón 'contenido: "indefinido"(?) <...

mitcht

Esto es lo que salía de Grapes 0.18.4, por lo que fue generado por grapes. Esperaría que si el contenido fuera "indefinido", grapes lo eliminara o lo ignorara. Por ahora solo estoy eliminando el <> por mi parte, pero pensé en compartirlo c...

GJS Helper

El problema que has encontrado, donde una etiqueta de comentario HTML como <!-- --> desactiva la edición de texto en GrapesJS es un comportamiento conocido relacionado con cómo los navegadores gestionan los elementos de contenteditable y c...

mapsmarketing

Hola @kishanp102, Intenté reproducir el problema con los pasos descritos, pero se aplican tanto el texto como los colores de fondo (por favor, ver la captura de pantalla). <img width="318" alt="image" src="https://github.com/GrapesJS/grape...

kishanp102

Arrastra y suelta el componente de texto, luego aplica el color de la fuente y vuelve a hacer clic fuera, haz clic en el texto y pon el color de fondo que no está aplicando screencast-jsfiddle.net-2023.10.11-091942.webm

mapsmarketing

Sí, tienes razón @kishanp102 no le aplica un nuevo color de fondo después de que ya lo hayas puesto. Definitivamente es un error.

joukhar

Solo era un archivo '''scss @import "./editorvariables"; @import "./editorvendor"; @import "./editorfonts"; @import "./editoricons"; @import "./custom"; @import "./custom/main"; @import './loader'; ``` Los archivos SCSS están más organizad...

artf

@bgrand-ch, creo que lo que mencionas se puede arreglar con variables CSS. También estaba pensando en introducir un nuevo módulo pequeño para la tematización, que permitiría actualizar la apariencia del editor de forma programática y, en e...

joukhar

Debido a que los archivos SASS pueden sobrescribir variables es muy importante

artf

Hola @padcom este es un comportamiento esperado ya que la propia carga actualiza el estado del editor. Simplemente puedes limpiar el contador sucio usando 'editor.clearDirtyCount()' justo después de cargar manualmente.

padcom

Ten en cuenta que si activas la 'carga automática': y desactivar la carga: el número de cambios es '0', aunque el resultado es el mismo: la página se carga. Como en mi proyecto necesito desesperadamente poder cargar la página en un momento...

padcom

¿Perdón? ¿Hablas en serio de que es el comportamiento "esperado"? ¿Has visto en algún otro editor que el proyecto se modifica automáticamente al cargar y luego se guarda automáticamente? Me cuesta creerlo.

GJS Helper

El problema que estás encontrando es que enableEditing no es un comando público o método diseñado para activar programáticamente el Editor de Texto Enriquecido (RTE) en GrapesJS. El RTE en GrapesJS normalmente se activa automáticamente cua...

artf

Por favor, evita abrir problemas de errores sin seguir la plantilla del problema. Puedes iniciar una nueva discusión con una descripción o caso de uso adecuado de lo que buscas.

GJS Helper

El error editor.getSelected().view.enableEditing() is not a function ocurre porque el método enableEditing no es una API pública disponible directamente en la instancia ComponentView (a la que editor.getSelected().view se refiere). El edit...

yashvi2026

Cómo usar Habilitar la edición editor.getSelected().view.enableEditing(); Esto da un error

GJS Helper

El problema "editor is undefined" al intentar usar enableEditing en la consola del navegador indica que la instancia del editor de GrapesJS no es accesible en el ámbito actual de tu consola. El método enableEditing forma parte del objeto e...

artf

Por favor, evita crear problemas de errores si no tienes ningún enlace reproducible

GJS Helper

El error "namespace no encontrado" al instalar plugins GrapesJS como grapesjs-basic-blocks o tui-image-editor en una aplicación Angular suele indicar un problema con cómo se importan e inicializan los módulos, o cómo se cargan sus dependen...