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

#310328 de octubre de 2020por mohd7469Respuesta 1
Reacciones 1

¿Soporte para wireframes de Platforma?

Hola @artf, ¿cómo puedo añadir la colección de componentes y elementos de interfaz de usuario platforma en este grapesJS, ¿alguna idea?

integerManual

Aun @awais786327 puedes probar a leer la documentación sobre cómo añadir bloques y componentes, cuando inicies Grapesjs no olvides incluir CSS/JavaScript desde Platforma al Canvas '''javascript const editor = grapesjs.init({ lienzo:{ Estil...

#310228 de octubre de 2020por integerManual2 respuestas
Reacciones 1

Cómo añadir/aplicar event listener (change) al componente wrapper

¿Y @artf ¿cómo puedo añadir event listener al rasgo del componente 'wrapper'? Basándome en el número #1146 solo sé cómo añadir rasgo, pero no vincular un evento

artf

@integerManual el propósito del rasgo es cambiar algún atributo/propiedad de un componente, así que tienes que añadir oyentes en los componentes y no en los rasgos.

GoodPHP

Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.

#310128 de octubre de 2020por palerdot2 respuestas
Reacciones 2

El ejemplo de Getting Starting Docs es estático

https://grapesjs.com/docs/getting-started.html - Los ejemplos de guías para empezar son estáticos. Todo lo que vemos es '¡Hola Componente Mundial!' cuando se añaden diferentes bloques y paneles tras cada paso. ¿Cuál es el comportamiento actual? Los ejemplos de páginas de inicio son estáticos tras cada paso de la guía....

theSC0RP

@palerdot Los ejemplos no son estáticos en mi navegador. Aquí tienes una captura de pantalla: <br/> ! Captura <br/> Como puedes ver en la imagen, hay un panel en la parte inferior que contiene varios bloques. Puedo arrastrarlos y soltarlos...

palerdot

Ahora funciona bien. Por alguna razón, cuando planteé el tema fue completamente estático. Cerraré el tema porque esto no es relevante ahora mismo.

#310028 de octubre de 2020por stljeff13 respuestas
Reacciones 0

Añadir bibliotecas externas tras arrastrar un bloque personalizado

Hola, Estoy personalizando GrapesJS creando componentes/bloques que mis usuarios pueden arrastrar al lienzo. Varios de estos bloques dependen de librerías externas como Bootstrap y FontAwesome... ¿Hay alguna forma de comprobar si las dependencias necesarias están incluidas en una página y, si no, añadirlas a la página...

GoodPHP

Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.

artf

@stljeff1 la forma correcta es usar scripts relacionados con componentes que comprueban si la dependencia existe

stljeff1

@artf ¿Puedo hacer eso con archivos CSS? Aun así, conseguí "resolver" mi problema creando un tipo personalizado para los bloques con algún tipo de dependencia (CSS o JS). Este tipo personalizado amplía la vista predeterminada añadiendo un...

#309927 de octubre de 2020por BanksyDog2 respuestas
Reacciones 0

Componentes y Js - Re-publicación de plantilla de carga

Tengo el mismo problema reportado en Components & Js - Plantilla de carga #1906 Los componentes con JS funcionan bien cuando se eliminan y en la primera exportación. Sin embargo, si la página se actualiza, JS no se carga, lo que causa problemas. El JS también queda excluido de cualquier exportación tras una actualizac...

GoodPHP

Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.

artf

Asegúrate de tener el 'script' en un Componente definido y no en un Bloque, entonces tienes que almacenar y cargar la estructura JSON, no HTML/CSS

#309827 de octubre de 2020por meyerco3 respuestas
Reacciones 2

ERROR: no se puede configurar un bloque de vídeo con src=null

DescripciónEl error se reproduce en la demo actual¿Qué pasa? Configuré mi bloque de vídeo con src=null así: '''javascript clase Vídeo { constructor(editor) { Let Block = editor. BlockManager.get('vídeo'); Hereda del plugin editor. BlockManager.remove(block.id); return { Contenido: { ... block.attributes.content, src:...

GoodPHP

Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.

artf

@meyerco también pasan una propiedad vacía de 'respaldo: '

meyerco

Para ser más precisos, el error consiste en cargar un html que contiene una etiqueta de vídeo sin el atributo src. Tras cargar este html, se añade un atributo scr a la etiqueta de vídeo . Este valor src es una imagen base64 (obviamente la...

#309726 de octubre de 2020por vatsla12 respuestas
Reacciones 0

Rasgos personalizados que no aparecen

Estoy intentando crear rasgos personalizados siguiendo las pautas de Grapesjs Trait manager, y he pasado por problemas anteriores pero los rasgos no aparecen. Resultado esperado: rasgos personalizados como los de abajo que aparezcan. Resultado real: aparecen rasgos predeterminados como id y título. Actualmente, estoy...

GoodPHP

Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.

artf

Por favor, sigue la plantilla del problema y ofrece una demostración en vivo del error

#309526 de octubre de 2020por marcepoblet2 respuestas
Reacciones 1

ERROR: RichTextEditor no está funcionando en IE11.

Cuando estoy en el Canvas, hago doble clic en un texto para abrir el RichTextEditor en IE11, me da un error y no se abre. En todos los demás navegadores funciona. Adjunto un vídeo en el pptx y el código: Presentation2.pptx richTextEditor.add('insertHtml', { icono: '<select class="placeholders-select">' + Opciones()''<...

fq-selbach

Me sorprende que siquiera puedas abrirlo en IE11, ya que hay tanto código de ES6 y un uso intensivo de plantillas que IE11 no soporta en absoluto. Te sugeriría eliminar IE11 o al menos construir tus plantillas/páginas/widgets en un navegad...

devuniverse

Es decir... #shivers

#309426 de octubre de 2020por marcepoblet2 respuestas
Reacciones 0

ERROR: RichTextEditor no guarda algunos cambios del modal

en RichTextEditor he añadido un botón que abre un modal, y este modal introduce ciertos valores que luego insiro en el html. Pero cuando guardo estos valores, el html no los guarda. ¿Cuál podría ser el problema? Compartí el código y un vídeo en el PPTX. Presentation1.pptx editor. RichTextEditor.add('conditionIf', { ic...

GoodPHP

Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.

artf

Probablemente el problema aquí esté relacionado con la pérdida de enfoque durante la edición en modal. Deberías encontrar la manera de mantener el foco en el RTE (quizá creando tu propio modal que impida la propagación de eventos), pero es...

#309326 de octubre de 2020por tranthanhhoaRespuesta 1
Reacciones 1

Falta el estilo de vuelo en el componente duplicado

Versión: 0.16.27 Resumen:Falta de estilo de crucero en el componente duplicado Pasos para reproducir:Intenta cambiar algo en el estado de vueloDuplicar el componente modificado Esperado:El componente duplicado tiene estilo de flotación Actual:El componente duplicado no tiene estilo de flotación

artf

Buena observación, gracias @tranthanhhoa intentaré arreglarlo en la próxima versión

Explora todos los temas