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 743

🔍 bug
#386012 de octubre de 2021por sduncan-tribe2 respuestas
Reacciones 1
questionbuggeneral

Bloques que no funcionan tras actualizar de 0.16.27 a 0.17.27

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 93.0, Chrome 94.0.4606.71 Enlace de demo reproducible https://github.com/Tribe-Mobile/grapesjs-blocks Describe el bicho ¿Cómo reproducir el bicho?Ejecutar git repositorio, sin bloques mostradoscambiar a la versión...

paooolino

ver aquí #3835

ClaudeCode

Gracias por informar de esto, @sduncan-tribu. Buena pregunta sobre bloques que no funcionan después de actualizar de 0.16.27 a 0.17.27. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

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

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

Ver detalles
#383529 de septiembre de 2021por paooolino4 respuestas
Reacciones 0
questionstyle-managerbug

StyleManager AppendA No aparecer en la div personalizada

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 93Enlace de demo reproducible https://codepen.io/paooolino/pen/WNOPgJyDescribe el bicho ¿Cómo reproducir el bicho? Esto es bastante sencillo porque estaba usando Grapes v.0.16.xx y funcionaba hasta que actualicé a la...

paooolino

Lo he verificado desde la versión 0.17.25 V0.17.22 >>> funcionando V0.17.25 >>> funcionando

artf

Gracias Paolo, eso se arreglará en la próxima entrega. El problema está con el comando predeterminado de apertura StyleManager, que mueve la parte renderizada de tu contenedor al predeterminado. Puedes comprobarlo desactivando el botón por...

paooolino

Gracias por la revelación. Y perdón por reabrir :-) pero ahora el appendTo del StyleManager funciona, mientras que el appendTo del bloque parece estar roto. Mismo problema con el StyleManager anterior. Verifiqué que funcionaba en la versió...

Ver detalles
#383229 de septiembre de 2021por Sudhin354 respuestas
Reacciones 0
style-managerquestionbugcomponentsdocumentation

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

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

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

Ver detalles
#381023 de septiembre de 2021por mihir-khandekar4 respuestas
Reacciones 0
questioncomponentsbugcanvasstyle-manager

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?

Ver detalles
#380622 de septiembre de 2021por throne19864 respuestas
Reacciones 0
questioncomponentstypescriptbugcanvas

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

Ver detalles
#379420 de septiembre de 2021por mattnoth3 respuestas
Reacciones 0
questioncomponentsbugcanvastypescript

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

Ver detalles
#378316 de septiembre de 2021por mattnoth3 respuestas
Reacciones 0
questioncomponentsbugdocumentationcanvas

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

Ver detalles
#377915 de septiembre de 2021por stljeff13 respuestas
Reacciones 0
questioncomponentsbugtypescript

Editor.getSelected().toHTML() codifica JavaScript en línea

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Últimas (Chrome)Enlace de demo reproducible https://jsfiddle.net/4j1k0wde/24/Describe el bicho ¿Cómo reproducir el bicho?Crear bloque con una etiqueta de script en su interior.usar 'editor.getSelected.toHTML()' para obtener...

artf

Tienes que usar allowScripts '''js const editor = grapesjs.init({ ... allowScripts: cierto, }); ``` Y no veo ningún problema con la codificación (usa el inspector real, no la consola beta de jsfiddle, que probablemente tenga un bug).

stljeff1

¡Gracias!

ClaudeCode

Gracias por informar de esto, @stljeff1. Buena pregunta sobre editor.getSelected().toHTML() codifica javascript en línea. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentació...

Ver detalles

Explora todos los temas