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

#208819 de junio de 2019por revathitarento2 respuestas
Reacciones 1

¿Puedo crear preguntas de quiz y encuestas en grapeJS?

Me gustan mucho las funciones de grapeJS, sería muy útil saber si podré ampliarlas creando preguntas y respuestas, encuestas, preguntas y respuestas tipo test. Por favor, guíeme cómo empezar. Sería de gran ayuda

afdallah

Te sugiero que empieces con este https://github.com/artf/grapesjs-preset-webpage. Y empezar a construir componentes desde ahí

verdverm

Un factor importante es la necesidad de scripts de terceros, ¿es este el caso en tu caso?

Ver detalles
#208718 de junio de 2019por verdvermRespuesta 1
Reacciones 0

Las preguntas generales deberían hacerse en otro lugar

@artf me pregunto si te interesaría crear un foro alternativo para el uso de preguntas. La mayoría de los problemas parecen ser preguntas que sería mejor responder en un chat o foro, o leyendo la documentación... Mi problema es que contamina la sección de problemas del repositorio, cuando la mayoría son preguntas de s...

artf

Gracias por la sugerencia@verdverm sinceramente no sé, ya tenemos el Chat de Discord, pero está más impulsado por la comunidad y no soy tan activo allí. En mi humilde opinión, prefiero usar solo un canal para comunicar preguntas o problema...

Ver detalles
#208618 de junio de 2019por megargRespuesta 1
Reacciones 0

Definición de CSS en el gestor de estilo

¿Podemos definir CSS en el gestor de estilos del editor? Principalmente:¿Qué son "state" y "class" en editor style managerSi defino una clase personalizada para un elemento. Cómo definir CSS para esa clase. ¿Qué es lo que quiero es asignar la misma clase a otro elemento para que haya un mecanismo que defina CSS a nive...

artf

Ya funciona así: si seleccionas un componente con una clase, editarás el estilo CSS asignado a esa clase y puedes añadirlo a otros componentes para ver el mismo estilo

Ver detalles
#208518 de junio de 2019por megargRespuesta 1
Reacciones 0

¿cómo una ventana modal/flotante aparece encima de una página existente en un evento de hover

Mi objetivo es poder crear una página como (solo un ejemplo). Quiero crear usando editor y no programar https://www.progressive.com/ No puedo crear la fila de cabecera con grapesjs porque no puedo definir cómo una ventana modal/flotante aparece sobre una página existente en el evento de hover Saludos -Ashish

artf

Empieza leyendo cómo implementar componentes personalizados

Ver detalles
#208417 de junio de 2019por gobanana66Respuesta 1
Reacciones 0

¿Es posible guardar las plantillas por nombre y luego proporcionar una lista de plantillas de usuario como archivos?

Tengo Firestore Storage configurado para almacenamiento remoto y actualmente guarda y carga correctamente desde el almacenamiento. Sin embargo, me gustaría que el usuario pudiera nombrar la plantilla y que se guardara con ese nombre. Luego proporciona al usuario una lista de plantillas guardadas que pueda cargar cuand...

artf

No es algo incorporado en el editor, pero seguro que puedes implementarlo tú mismo

Ver detalles
#208317 de junio de 2019por afdallah3 respuestas
Reacciones 2

Model.get('toolbar') siempre devuelve null

Hola @artf Estoy intentando añadir una barra de herramientas personalizada a mi componente personalizado sin cambiar la barra predeterminada. Así que espero que sea algo así como [móvil, copiable, removible, nuevaBarra]. Uso este #266 como referencia. '''javascript modelo: { // ... initToolbar () { const tb = this.get...

artf

El 'extendFn' se añadió desde https://github.com/artf/grapesjs/releases/tag/v0.14.61 en la demo que usas la 0.14.57

afdallah

Lo siento mucho, ha sido mi error. Gracias por vuestro consejo

artf

Sí, si sobrescribes el método original 'initToolbar', la propiedad 'toolbar' nunca se crea, así que primero tienes que llamar a la propiedad principal. Prueba con este asistente para crear componentes '''js extendFn: ['initToolbar'], // ar...

Ver detalles
#208217 de junio de 2019por ohmyvanderRespuesta 1
Reacciones 0

¿Es posible actualizar páginas existentes cuando se modifican componentes?

Por ejemplo, un componente personalizado es utilizado por algunas páginas publicadas existentes. Cuando se modifica el componente, quizá se ajusta el estilo o se cambia completamente la propiedad de contenido, quiero notar que esas páginas se actualizan, y cuando previsualizo esas páginas, deberían renderizarse con el...

artf

Si la propiedad que has cambiado se almacenó, obviamente cuando vuelves a cargar el componente sus propiedades se superan a la definición del componente. Así que, la única solución sería evitar almacenar esas propiedades

Ver detalles
#208117 de junio de 2019por Amir28283 respuestas
Reacciones 0
outdated

Cambios dinámicos de rasgos

¿Es posible cambiar la selección por defecto de los rasgos? Por ejemplo, al arrastrar un vídeo, desearía que la selección predeterminada de rasgos fuera YouTube en lugar de HTML5.

afdallah

Si lo que quieres es cambiar el reproductor por defecto a YouTube Player, simplemente cambia la propiedad 'proveedor' bajo la definición de bloque. '''javascript const bm = editor. BlockManager bm.add('tu-nombre-bloque-de vídeo', { etiquet...

Amir2828

¡Muchas gracias, eso ha funcionado!

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Ver detalles
#208017 de junio de 2019por Aamir37532 respuestas
Reacciones 0
enhancementhelp wanted

La etiqueta de audio no es seleccionable ni editable

Cómo hacer que los componentes de audio funcionen correctamente (seleccionables, editables) como otros componentes (imagen).

artf

Buena pregunta, el elemento 'audio' es bastante particular, así que definitivamente requeriría un componente personalizado, probablemente siguiendo el ComponentVideo (y su vista) Seguro que podrías añadirlo tú solo, pero creo que podría se...

mohd7469

@artf puedes dar un fragmento sencillo que muestre una demo normal y funcional de un elemento de audio? Porque intenté definir un tipo de componente personalizado para el elemento de audio pero no parece funcionar y o bien no es selecciona...

Ver detalles
#207915 de junio de 2019por froderf3 respuestas
Reacciones 0

Haz que el estilo CSS no sea devuelto

Cómo evitar que el CSS de un bloque/componente no se devuelva cuando usamos 'editor.getCss();' Es como 'https://grapesjs.com/docs/api/component.html#tohtml' pero debería ser algo como toCSS dentro de un componente personalizado

froderf

artf

El componente tiene el método 'getStyle' que devuelve un objeto como este '{ color: 'red'}'. Si el objeto que devuelve está vacío, no se creará ninguna regla en el código, pero se aplica lo mismo en el lienzo, así que no verás tus estilos....

froderf

@artf la solución "getStyle()" que proporcionaste solo puede aplicarse a la solución ¿y si este componente tiene una clase de "isNewComponent" y tiene un estilo de es posible que el editor no incluya el estilo anterior (con una clase) cuan...

Ver detalles

Explora todos los temas