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 3,464

#427520 de abril de 2022por boomshakarRespuesta 1
Reacciones 0

Cambiar el texto de los nombres/títulos de las celdas en los nombres/títulos del texto interno

! Captura de pantalla (154) Mirando la captura de pantalla subida, rodeé Celda de Tabla, Clases, Seleccionada: NOTA: Actualmente estoy usando el plugin de presets del boletín. Me gustaría cambiar el texto/título de 'Celda de la tabla' o 'Tabla' por algo diferente como 'Nombre de la tabla personalizada' y también quier...

ClaudeCode

Gracias por informar de esto, @boomshakar. Buena pregunta sobre Cambiar el texto de los nombres/títulos de las celdas en los nombres/títulos del InnerText. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza...

#427320 de abril de 2022por boomshakar4 respuestas
Reacciones 1

Cómo activar la 'Importar plantilla (modal)' al cargar la página

Hola, Por favor, necesito la lógica para importar la plantilla modal al inicializar la página... Estoy usando el plugin de presets del boletín ¿Qué intento conseguir?: Hacer que el usuario suba su código una vez que la página ha sido cargada. A continuación, las lógicas que he probado, editor.on('load',(model, argumen...

boomshakar

@boomshakar por favor, no conviertas las discusiones en temas Anotado. Gracias

boomshakar

Hola @artf, Pude conseguir lo que quería activando click() en el propio botón, const modal = editar. modal; const query = nuevas URLSearchParams(location.search); const uploadQuery = query.get('key'); if (uploadQuery === 'upload-code') { c...

artf

@boomshakar por favor, no conviertas las discusiones en temas

#426316 de abril de 2022por omkar1111112 respuestas
Reacciones 0

¿Cómo se debe certificar SSL?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Enlace de demo reproducible Describe el bicho Perdón por preguntarlo aquí. Pero tengo prisa. Estoy creando un servicio en el que alojo sitios web para mis clientes. Entonces, para cada nuevo sitio, ¿GrapeDrop crea un nuev...

artf

Por favor, evita usar los problemas de GrapesJS para preguntas fuera de tema.

ClaudeCode

Gracias por informar de esto, @omkar111111. Buena pregunta sobre certificado SSL, ¿cómo hacerlo?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espe...

#425713 de abril de 2022por DavidHarvey4 respuestas
Reacciones 3

La modificación de fondo no funciona para no imágenes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Haz clic en cualquier componente, desplázate hasta Decoraciones > Fondo en el gestor de estilosIntenta cre...

bit-ocean

Hola @artf ¿Hay alguna posibilidad de que esta función reciba algo de atención? Me parece fundamental. Se ha añadido muchísima funcionalidad excelente a grapesjs desde la 0.17.29 (la última que soporta el plugin grapesjs-style-bg) y me enc...

Vac1911

Puedes usar la entrada de color de fondo para un color de imagen, pero la interfaz se ve confusa y debería cambiarse. ! imagen

artf

Sí, desactivé el plugin anterior con color/degradados porque no es compatible con las últimas versiones, pero pronto trabajaré en ello. Por ahora, cierro este asunto porque no tiene nada que ver con el núcleo en sí.

#425613 de abril de 2022por m-jojo-s2 respuestas
Reacciones 1

El arrastrar y soltar por toque no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 98.0.4758.80 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/bd2kpjwf/ Describe el bicho ¿Cómo reproducir el bicho?Añadir dos componentesAbrir herramientas de desarrollo del na...

artf

El polyfill del plugin táctil solo funcionará si lo cargas con el dispositivo táctil ya activado (intenta usar el demo), así que si activas el dispositivo táctil más adelante no funcionará.

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre arrastrar y soltar por tacto no funciona. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

#425513 de abril de 2022por am1rb2 respuestas
Reacciones 0

El botón inicial de mover la barra de herramientas no se elimina si configuras la prop arrastrable en falso programático

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v98.0.4758.80Enlace de demo reproducible https://jsfiddle.net/am1rb/3uzkn5t7/8/Describe el bicho ¿Cómo reproducir el bicho?Renderizar un componente sencillo en el lienzoEstablecer arrastrable=falso para el componente...

artf

Sí, la barra de herramientas no es realmente dinámica, así que si necesitas recalcularla, tienes que forzarla manualmente '''js model.set({ arrastrable: false, barra de herramientas: null }) model.initToolbar(); ```

ClaudeCode

Gracias por informar de esto, @am1rb. Buena pregunta sobre El botón inicial de mover la barra de herramientas no se elimina si configuras el prop arrastrable en falso programado. El enfoque recomendado con Canvas es usar la API orientada a...

#425011 de abril de 2022por dinosaurawr2 respuestas
Reacciones 0

Error de tipificación del método init()

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v 100.0.4896.75 Enlace de demo reproducible https://stackblitz.com/edit/typescript-ou8qpc?file=index.ts&view=editor Describe el bicho ¿Cómo reproducir el bicho?Intenta hacer uvas con index.d.ts ¿Cuál es el comporta...

artf

Gracias @dinosaurawr eso se solucionó aquí https://github.com/artf/grapesjs/pull/4216/files

ClaudeCode

Gracias por informar de esto, @dinosaurawr. ¡Gran sugerencia sobre el error de tipificación del método init()! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usand...

#42498 de abril de 2022por iamqinglong3 respuestas
Reacciones 0

Image src no cambiará en el HTML exportado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Estoy usando externoArrastrar un bloque de imagen al lienzoSeleccionar una imagen del modal personalizadoVe...

m-jojo-s

O bien usar selected.set('src', doc.url) o activar atributos HTML inseguros Consulta #4148

artf

Sí, diría que simplemente deberías cambiar a 'selected.set('src', doc.url)' como ya se ha sugerido.

ClaudeCode

Gracias por informar de esto, @iamqinglong. Buena pregunta sobre image src no cambiará en HTML exportado. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#42487 de abril de 2022por protozoo2 respuestas
Reacciones 0

La interacción de arrastrar y soltar bloques falla dentro de la extensión vscode webview

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? VSCode (WebView dentro de la extensión VSCode) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear una nueva extensión vscode (o usar una que ya tengas)Crear una We...

artf

Hola @protozoo no estoy seguro exactamente de por qué, pero parece que el iframe vscode (probablemente en formato sandbox) bloquea el arrastre y solta nativo de HTML5 (esto es lo que se usa en los bloques). Como esto no está estrictamente...

ClaudeCode

Gracias por informar de esto, @protozoo. Buena pregunta sobre fallos de interacción de arrastrar y soltar bloques dentro de la extensión vscode webview. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aq...

#42477 de abril de 2022por gustavohleal2 respuestas
Reacciones 0

Componentes que desaparecen o no se renderizan al clonar, mover o añadir

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium v96 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de una columnaSelecciona la columnaHaz clic en el botón de copiar en la barra d...

artf

Lo siento, pero demo-mjml es un plugin y no está directamente relacionado con el núcleo. No veo problemas con el renderizador por defecto de componentes que puedan estar relacionados con el renderizador mjml de componentes y no tengo motiv...

ClaudeCode

Gracias por informar de esto, @gustavohleal. Buena pregunta sobre componentes que desaparecen o no se renderizan al clonar, mover o añadir. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta l...

Explora todos los temas