Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 231

🔍 general
#582818 de abril de 2024por HBR122 respuestas
Reacciones 0

El evento también funciona en montaje de componentes

El evento también funciona en montaje de componentes

artf

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

ClaudeCode

Gracias por informar de esto, @HBR12. Gracias por compartir tu informe sobre el evento también funciona en montaje de componentes. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...

#568920 de febrero de 2024por mitcht4 respuestas
Reacciones 0

<> se introduce al principio de editor.getHtml()

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 121.0.6167.185 (Versión oficial) (64 bits)Enlace de demo reproducible https://jsfiddle.net/ja50kzne/4/Describe el bicho ¿Cómo reproducir el bicho?Tenía una página web de una versión anterior de grapesJS qu...

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 uvas 0.18.4, por lo que se generaba por uvas. Esperaría que si el contenido fuera "indefinido", las uvas o bien lo despojaran o lo ignoraran. Por ahora solo estoy despojando el <> por mi parte, pero pensé en compart...

#565731 de enero de 2024por leo-budgetsimpleRespuesta 1
Reacciones 0

Etiquetas de comentario HTML desactivar la edición de texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 120Enlace de demo reproducible https://jsfiddle.net/btmry08e/Describe el bicho ¿Cómo reproducir el bicho?Init un editor grapesjs con este html: ''<div>'<!-- -->Hola Mundo</div>''' ¿Cuál es el comportamiento esperado?...

ClaudeCode

Gracias por informar de esto, @leo-budgetsimple. Buena pregunta sobre HTML Etiquetas de comentario para desactivar la edición de texto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

#54423 de octubre de 2023por kishanp1024 respuestas
Reacciones 0

Después de aplicar el color del texto, no se puede establecer el color de fondo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a3xgLm7c/3/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar el texto y aplicar el color del textoSeleccionar el mismo texto y aplicar el color de fondo ¿Cuál...

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.

#539217 de septiembre de 2023por joukhar4 respuestas
Reacciones 11

La última versión, la 0.21.6, no viene con la carpeta src

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión oficial) (64 bits) Enlace de demo reproducible N/A Describe el bicho La última versión, la 0.21.6, no viene con la carpeta 'src' Al instalar grapesjs usando NPM 'instalación de np...

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

#53738 de septiembre de 2023por padcom4 respuestas
Reacciones 1

'getDirtyCount()' devuelve '1' tras cargar

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://github.com/padcom/grapes-bug-dirty-after-loading/blob/master/src/App.vue#L37 Describe el bicho Clonar y comenzar el proyectoAbrir consola Comportamiento actual:...

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.

#513420 de mayo de 2023por yashvi2026Respuesta 1
Reacciones 0

Activa el RTE por defecto con un comando

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Quiero activar RTE con un comando, encontré enableEditing pero no funciona, ¿hay algún comando para activar RTE? Código de conducta [X] Acepto...

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema con Activar el RTE por defecto con un comando 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...

#511013 de mayo de 2023por yashvi20262 respuestas
Reacciones 0

'enableEditing' está adjunto a la vista y puedes obtener su instancia del modelo, así que selecciona el componente y ejecuta esto en consola 'editor.getSelected().view.enableEditing()'

Estoy recibiendo editor.getSelected().view.enableEditing(); no es una función

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.

ClaudeCode

Gracias por informar de esto, @yashvi2026. Gracias por compartir tu informe sobre 'enableEditing' que está adjunto a la vista y puedes obtener su instancia desde el modelo, así que selecciona el componente y ejecuta esto en consola 'editor...

#510913 de mayo de 2023por yashvi20262 respuestas
Reacciones 0

EnableEditing no funciona

He probado a activar la edición en la consola de Grapejs, no recibo RTE, me sale un editor con error indefinido

yashvi2026

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

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema de que enableediting no funcione 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 de vida de lo...

#510711 de mayo de 2023por siddhi13972 respuestas
Reacciones 0

Al instalar plugins como grapesjs basic block o tui-image-editor, está dando un error de espacio de nombres en node_modules.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho ¿Cómo reproducir el bicho?NPM Instala cualquier plugin desde grapesjs-basic-blocksDespués de eso, ejecuta la aplicación como en mi caso es la aplicación angular ¿Cuá...

artf

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

ClaudeCode

Gracias por informar de esto, @siddhi1397. Buena pregunta sobre Al instalar plugins como grapesjs basic block o tui-image-editor aparece un error de espacio de nombres en node_modules.. El enfoque recomendado con GrapesJS es usar la API or...

Explora todos los temas