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 1,399

🔍 outdated
#9338 de marzo de 2018por TheMysticMan2 respuestas
Reacciones 0
outdated

Configurar una imagen de backgroud da lugar a reglas de estilo duplicadas

Hola @artf, Tengo un pequeño problema extraño. Tengo un rasgo personalizado que tiene una implementación para configurar imágenes e imágenes de fondo. Cuando configuro la imagen de fondo por segunda vez usando el código de abajo, me aparecen reglas de estilo duplicadas en el id del elemento. '''js var style = self.tar...

artf

Duplicado del #932

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
#9328 de marzo de 2018por TheMysticMan3 respuestas
Reacciones 3
outdated

Configurar la imagen de fondo da lugar a reglas de estilo duplicado

Hola @artf, Tengo un pequeño problema extraño. Tengo un rasgo personalizado que tiene una implementación para configurar imágenes e imágenes de fondo. Cuando configuro la imagen de fondo por segunda vez usando el código de abajo, me aparecen reglas de estilo duplicadas en el id del elemento. '''js var style = self.tar...

samuelmattos

Hola, tengo el mismo problema. En la vista previa https://jsfiddle.net/szLp8h4n/77/ Cuando cambio el fondo de la caja en la vista previa, cambia, pero en el código genera otro ID. Si guardas la plantilla de esta manera e intentas mostrarla...

artf

Gracias por el ejemplo @samuelmattos actualmente la única solución que puedo darte es empezar a usar esta opción: '''js grapesjs.init({ Normalmente, cuando actualizas el 'estilo' del componente, esto cambia el el atributo 'estilo' de Eleme...

artf

Primero que nada, sugiero usar 'self.target.addStyle({'image-background': 'url(...)'})' en tu caso, que es menos prolixo.Quizá relacionado con este problema: el elemento también tiene una clase con una imagen de fondo predeterminada. Cuand...

Ver detalles
#9317 de marzo de 2018por altemberg2 respuestas
Reacciones 0
outdated

Problemas para guardar en la base de datos

Hola, Estoy teniendo algunos problemas para guardar la plantilla en la base de datos y no estoy muy seguro de por qué está pasando esto. He leído todos los problemas aquí y aún así no puedo guardar, siempre hay tres cosas: guardarlo en blanco, guardar el valor del array o guardar un JSON con decenas de barras entre ca...

artf

Parece que la imagen que publicaste está corrompida. Por cierto, solo mira qué ocurre a nivel de red (vía inspector) y seguro que encontrarás el error Una cosa más, sé que copiaste esto de otro número, pero aquí estás añadiendo oyentes en...

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
#9307 de marzo de 2018por alfaalex813 respuestas
Reacciones 1
outdated

Actualizar el redimensionador tras el cambio del recurso

¡Hola! Estoy intentando cambiar el gestor de activos por defecto con nuestro gestor personalizado. Al hacer doble clic, la imagen seleccionada se reemplaza por una nueva de diferente tamaño. Funciona, pero el elemento de redimensionadores no actualiza su posición. ¿Es posible reinicializarlo? ! imagen ¡Gracias!

alfaalex81

Tengo una imagen en Canvas, por ejemplo 300x200, hago doble clic y selecciono una nueva imagen desde asset manager, ahora es 600x400. Cuando inicio el código que has sugerido, la nueva imagen no está lista. Lo resolví con un precargador, E...

artf

Intenta volver a seleccionar el componente '''js var selected = editor.getSelected(); editor.select().select(selected); ```

alfaalex81

Gracias por tu respuesta, probé tu sugerencia, pero la imagen aún no está lista cuando lanzo la actualización de selección. ¿Hay un callback o un oyente en la imagen cargada?

Ver detalles
#9275 de marzo de 2018por JulyanoF2 respuestas
Reacciones 0
outdated

¿Cómo desactivar el redimensionamiento de imagen?

Lo buscaba en la wiki pero no encontré nada al respecto. Me gustaría desactivar el redimensionamiento de todas las imágenes actuales y futuras por defecto. ¿Es posible?

artf

Extiende el Componente de 'imagen' y pon como propiedad de modelo 'redimensionable: false'

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
#9265 de marzo de 2018por NealWalters3 respuestas
Reacciones 0
outdated

ERRORES: Documentación/Claridad

Si grapejs requiere NodeJS, el documento/wiki debería decirlo claramente desde el principio en algún sitio (es decir, listar las dependencias principales y qué tipo de servidor se necesita para ejecutarlo). Mencionas que funciona en un CMS, pero no dices que creará una página completa y que puede o no funcionar fuera...

artf

Si grapejs requiere NodeJS, el documento/wiki debería decirlo claramente en algún sitio desde el principio En efecto, no... Necesitas Nodejs solo por el propósito de desarrolloMencionas que funciona en un CMS, pero no digas que creará una...

NealWalters

Gracias, Art. Vale, vamos a releer esto: "GrapesJS fue diseñado para usarse dentro de un CMS y acelerar la creación de plantillas dinámicas." Eso podría significar que necesito un CMS y luego pego GrapeJS en él; o podría significar que est...

artf

Sí, no se trata solo de CMS sino de un uso general. Dentro de grapes.min.js obtendrás todo lo que necesitas, NodeJS es solo para un servidor de desarrollo correcto (pruebas, fusión de dependencias, etc.).

Ver detalles
#9254 de marzo de 2018por hadifarnoud2 respuestas
Reacciones 1
outdated

¿Cómo añadir la etiqueta H1?

No conseguía entender cómo se puede añadir H1 o cualquier otra etiqueta de texto de cabecera. esto es importante por el SEO

artf

Probablemente deberías leer más sobre Bloqueos Parece que alguien ha creado un plugin para encabezados :) https://github.com/olivmonnier/grapesjs-plugin-header

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
#9244 de marzo de 2018por jadebayo2 respuestas
Reacciones 0
outdated

Llamar al comando 'preview' no funciona correctamente

Este es un fragmento de código que estoy usando: ' this.editor = grapesjs.init(this.config)' 'const commandManager = this.editor.Commands' 'commandManager.get('preview').run(this.editor)' Quiero que el editor entre en modo previsualización inmediatamente al cargar. Entra en modo de vista previa, pero los desplazamient...

artf

Sí, deberías aprovechar esto '''js editor.on('load', () => editor.runCommand('preview')) ```

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
#9233 de marzo de 2018por sura2k3 respuestas
Reacciones 0
outdated

Añadir una opción de selección a la barra de herramientas

He leído el código y solo yo he podido descubrir que solo hay una lista de 'ToolbarButton' asociada a la barra de herramientas. Tengo un rasgo especial que me gustaría poner en la barra de herramientas porque es muy importante ver al usuario qué componente tiene ese rasgo y también cambiarlo en el diseñador/lienzo sin...

sura2k

Pude gestionarlo modificando 'ToolbarButton' y su vista. Pero más tarde decidí exponerlos añadiéndolos a 'DomComponents' mediante propiedades separadas en lugar de modificar 'ToolBar...', para poder extenderlos y, dado que los cambios son...

vtsoft

Hola @sura2k, También quiero añadir una opción de selección en la barra de herramientas. ¿Podrías compartir tus ideas/código/script sobre cómo lo implementaste? Gracias de antemano.

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
#9222 de marzo de 2018por mbleverage3 respuestas
Reacciones 0
outdated

PREGUNTA: Añadir estilo por defecto a un componente

He estado trabajando en integrar grapesjs en un nuevo desarrollo en el que estoy trabajando. He tenido mucho éxito con la documentación y el foro de la wiki, pero me estoy encontrando con algunos problemas con los que espero que alguien pueda ayudarme. Estoy trabajando solo con una vista móvil, he puesto el dispositiv...

artf

Tu cambio en el bloque no funciona porque no cambias el componente real (solo la propiedad del bloque). '''js editor. BlockManager.get('image').get('content').style = { 'max-width':'100%' } Una forma más sencilla de añadir CSS personalizad...

mbleverage

¡Gracias! Pude conseguirlo funcionando con: 'protectedCss: 'img {max-width:100%;}',' Tengo el mismo problema con vídeos e iframes (para YouTube) que se colocan en la plantilla más grandes que el tamaño de pantalla y la solución protectedCs...

artf

'protectedCss' está cargado, así que el CSS está aquí; si no funciona, probablemente tu técnica CSS no sea correcta

Ver detalles

Explora todos los temas