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 466

🔍 components
#393913 de noviembre de 2021por xQwexx4 respuestas
Reacciones 0

Desactivado arrastrar y soltar en la vista previa

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? v95Enlace de demo reproducible https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe el bicho ¿Cómo reproducir el bicho? Estoy intentando crear un componente personalizado, que con...

artf

Hola @xQwexx ¿cuál sería tu solución en un caso así? Todavía tenemos que mantener el D&D desactivado en la vista previa. ¿También puedes publicar el código de tu componente para entender mejor el caso de uso?

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...

xQwexx

Hola @artf actualicé con una demo, también mi sugerencia sería usar el indicador 'attributes: { draggable: 'true'} si el componente es arrastrable en vista previa y dejar el manejo de arrastre para la plantilla del componente como ' attrib...

#39329 de noviembre de 2021por rakelley2 respuestas
Reacciones 0

La adición/eliminación de rasgos puede fallar porque el tipo de colección es inconsistente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión Brave 1.31.88 Chromium: 95.0.4638.69 (Versión oficial) (64 bits) en Linux Enlace de demo reproducible https://jsfiddle.net/0a3o7cL6/ Describe el bicho Los métodos que operan sobre la colección de rasgos de un comp...

artf

Sí, lo arreglaré en la próxima versión, gracias

ClaudeCode

Gracias por informar de esto, @rakelley. 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' para v...

#387820 de octubre de 2021por Sudhin354 respuestas
Reacciones 0

No podemos renombrar el nombre y el ID de página si usamos el concepto de multipágina

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible No está ahíDescribe el bicho ¿Cómo reproducir el bicho?Instalar las uvas js en la app ReactAbre el editor de js de uvasImplementar el concepto de multipágina en las uvas js initCrear un...

Sudhin35

@artf ¿No hay forma de hacerlo actualmente? Por favor, ayudadme con este problema, estoy bloqueado

artf

@Sudhin35 próxima vez, por favor abrid una discusión, ya que no hay ningún error real que corregir o reproducir. En fin, así es como lo harías ahora mismo 'page.set({ id: 'new-id', name: 'new name' })'

Sudhin35

@artf Gracias por la respuesta, en realidad estaba atascado así que lo he planteado como un error, la próxima vez abriré la discusión Pero ahora, después de usar el comando anterior, obtengo ''this.editorData.Pages.pages.config.pages''[ind...

#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...

#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...

#383229 de septiembre de 2021por Sudhin354 respuestas
Reacciones 0

Se eliminan las clases css y los identificadores generados automáticamente para cada etiqueta html cambian (Ejemplo: ivj5m-2) tras cada recarga

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible No está ahí Describe el bicho ¿Cómo reproducir el bicho? Instala las uvas en la app React Ve al editor y arrastra un componente. (Ejemplo: componente de texto) Estiliza el componente usa...

Sudhin35

Por favor, guíame sobre esto

artf

Desactiva 'autoload: true' estás cargando todo dos veces

Sudhin35

Gracias @artf. Esto solucionó mi problema

#382527 de septiembre de 2021por mingxin-yang4 respuestas
Reacciones 2

Envuelve y bloquea el texto de abajo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https:// Describe el bicho Si el ancho del componente de texto no es muy largo, los elementos en ckeditor envuelven y bloquean el texto que aparece ! imagen Pero cuando haces clic en la...

ronaldohoch

¡Hola! Usamos este truco para resolver el problema durante un tiempo: '''js editor.on("rte:enable",()=>{ editor.trigger('canvasScroll'); }); ``` suscríbete al evento 'rte:enable' y activa el CanvasScroll. Con esto, las uvas recalcularán la...

mingxin-yang

@ronaldohoch Gracias, este código funciona para mí

mingxin-yang

Los errores también se implementarán en este sitio web. https://grapesjs.com/demo-mjml.html ! imagen También se cubrirá la barra de herramientas en la esquina superior derecha @artf

#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....

Explora todos los temas