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 220

🔍 canvas
#387319 de octubre de 2021por JGiard3 respuestas
Reacciones 0

Bloque de vídeo duplicado al volver a adjuntar el editor de GrapesJs al documento

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v94 Enlace de demo reproducible https://jsfiddle.net/3mrzaqtx/ Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque de vídeo al lienzoEliminar el elemento editor GrapesJs del documento (Opcional)Volver a ad...

JGiard

He creado una solicitud de tirada con lo que esperaría que fuera una solución, según mi comprensión del problema.

artf

No, nunca deberías confiar en algo así, o destruyes y reinicias, o simplemente escondes y se lo enseñas al editor.

ClaudeCode

Gracias por informar de esto, @JGiard. Buena pregunta sobre bloque de vídeo duplicado al volver a adjuntar el editor de GrapesJ al documento. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#386616 de octubre de 2021por inventorbit4 respuestas
Reacciones 2

SVG no se renderiza cuando está dentro de cualquier elemento HTML

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 94.0.4606.81 (Versión oficial) (64 bits)Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho? Si añades cualquier SVG directamente, será visible en el lienzo; luego e...

marcosvnmelo

Sigo teniendo este problema en la versión 0.17.19

marcosvnmelo

Perdona, simplemente lo he escrito mal. Me refería al 17.00.29.

artf

Gracias por el informe @inventorbit Veo un problema al analizar la <path>etiqueta ''. Investigaré e intentaré arreglarlo para la próxima entrega.

#386112 de octubre de 2021por hemineiRespuesta 1
Reacciones 0

Error JS al pulsar la tecla "s" o "w" - No se pueden leer propiedades de undefined (leyendo 'indexOf')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 94.0.4606.81 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?Seleccionar elemento del cuerpoPulsa la tecla "s" o "w" ¿Cuál e...

ClaudeCode

Gracias por informar de esto, @heminei. Buena pregunta sobre el error de JS al pulsar la tecla "s" o "w" - No se pueden leer propiedades de indefinidas (leyendo 'indexOf'). El enfoque recomendado con Canvas es usar la API orientada a event...

#38578 de octubre de 2021por flowize-project2 respuestas
Reacciones 1

Problema con Firefox cuando el usuario hace clic muy rápido en un componente diferente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? FirefoxEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho? Tienes que hacer clic muy rápido de un componente a otro en el lienzo y recibirás un error en js "demasiado recur...

arthuralmeidap

¡Hola @flowize-proyecto! ¡Espero que estés bien! En tu número has publicado el enlace de la demo de GrapesJS como enlace reproducible, pero el vídeo fue grabado con una instalación personalizada de grapesjs. ¿Podrías intentar grabar un víd...

ClaudeCode

Gracias por informar esto, proyecto @flowize. Buena pregunta sobre el problema de Firefox cuando el usuario hace clic en otro componente muy rápido. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consul...

#381023 de septiembre de 2021por mihir-khandekar4 respuestas
Reacciones 0

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué…

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? 92.0.4515.131 (Versión oficial) (64 bits)Enlace de demo reproducible N/ADescribe el bicho ¿Cómo reproducir el bicho?Insertar HTML en el lienzo usando el 'editor. Canvas.getBody().ownerDocument.execCommand('insertHTML', fals...

artf

el getHtml no tiene nada que ver con el DOM del lienzo... Lee detenidamente la documentación https://grapesjs.com/docs/modules/Components.html e intenta entender la diferencia entre el modelo y la vista del componente.

mihir-khandekar

@artf gracias por la respuesta rápida, ¿cuál es la forma correcta de hacerlo entonces? Mi requisito es: quiero añadir un componente en la posición actual del cursor. ¿Cómo puedo entonces hacer que forme parte del método editor.getHtml()?

ionutmiftode

@mihir-Khandekar lograste arreglar esto?

#380622 de septiembre de 2021por throne19864 respuestas
Reacciones 0

Objetivo:null al añadir vídeo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión nueva de Chrome Enlace de demo reproducible https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar el vídeo a...

throne1986

@artf ¿puedes ayudarme con esto, por favor?

artf

El problema está aquí '''js editor.on("component:create", (model) => { if (model.get("type") === "video") { setAddVideo(false); console.log("url de vídeo.", videos.videoUrl); editor. Commands.run("open-assets", { objetivo: editor.getSelect...

throne1986

> El problema está aquí> '''js> editor.on("component:create", (model) => {> si (model.get("type") === "video") {> setAddVideo(false);> console.log("vídeo url.", videos.videoUrl);> editor. Commands.run("open-assets", {> // objetivo: editor....

#379420 de septiembre de 2021por mattnoth3 respuestas
Reacciones 0

RTE Texto superpuesto en un componente de texto básico cuando el ancho y la altura son el 100% del lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 93.0.4577.82 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ! RTE aclarado ¿Cómo reproducir el bicho?... En la demo oficial, elimina todo / empieza con Sol...

mattnoth

No me di cuenta de que habías cerrado mi problema anterior — con el caso de uso raro. ¿Tienes alguna sugerencia para solucionarlo aquí? He estado usando el oyente de eventos de UpdateRte, poner el RTE dentro del lienzo dinámicamente está r...

artf

@mattnoth ya he respondido a tu discusión aquí, por favor evita volver a abrir el mismo tema.

ClaudeCode

Gracias por informar de esto, @mattnoth. Buena pregunta sobre RTE Texto Superpuesto en un Componente Básico de Texto cuando Ancho y Altura son 100% del lienzo. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empi...

#378316 de septiembre de 2021por mattnoth3 respuestas
Reacciones 0

Texto superpuesto RTE cuando el componente de texto está al 100% de altura

Versión GrapesJS Por favor, ayudadme; puede que esto se haya solucionado en algún sitio, pero revisé los problemas y no encontré ninguno; hay una referencia documental sobre mover la posición del RTE, pero no estoy seguro de dónde debería ir en el init—> ¿qué significa 'rteToolbarPosUpdate'? ¿Y qué mierda significa? S...

artf

No es un error, solo un caso de uso raro.

mingxin-yang

@artf quiero cambiar la posición de rteToolbar, pero pos no tiene los parámetros mencionados en el documento

ClaudeCode

Gracias por informar de esto, @mattnoth. Buena pregunta sobre RTE solapando texto cuando el componente de texto está al 100% de altura. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la do...

#37598 de septiembre de 2021por throne19864 respuestas
Reacciones 3

ErrorTipoUncatch: No se ejecutó 'appendChild' en 'Node': el parámetro 1 no es de tipo 'Node'.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión nueva de ChromeEnlace de demo reproducible https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.jsDescribe el bicho ¿Cómo reproducir el bicho?Simplemente arrastra y suelta el bloque de imagen al li...

throne1986

Solucioné el problema para futuras referencias primero eliminé esta función: editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); La he sustituido por esta función editor...

artf

Cuando ejecutas 'editor.command.run('open-assets')' tienes que pasar opciones, por ejemplo, '''js editor.command.run('open-assets', { objetivo: editor.getSelected(), }) ```

throne1986

@artf solucioné el problema, era por el problema de cierre, la solución simplemente pasaba la URL como opciones de la siguiente manera editor. Commands.run("open-assets", { objetivo: editor.getSelected() URL: imageUrl }); editor. Commands....

#372225 de agosto de 2021por amansharmaagami2 respuestas
Reacciones 0

¿Quiero añadir una altura fija de tamaño al lienzo?

Lo uso para crear contenido PDF dinámico. Quería fijar la altura del lienzo para que el usuario no pueda añadir más bloques de un tamaño (altura) dado. Quiero eliminar scroll y un mensaje o restricción como que no se pueden añadir más objetos o algo así. Encontré un problema antiguo en la misma https://github.com/artf...

amansharmaagami

@artf Gracias por crear GrapesJS.

ClaudeCode

Gracias por informar de esto, @amansharmaagami. Buena pregunta sobre Quiero añadir una altura fija de tamaño para el lienzo. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

Explora todos los temas