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

#278618 de mayo de 2020por amitbhoj777Respuesta 1
Reacciones 0

Añadir múltiples rasgos de tipo de texto

Siempre que intento añadir varios rasgos o texto tipográfico con diferentes condiciones y en distintas etiquetas/atributos, solo me queda uno en cada condición de rasgo. Por favor, ayudadme con la solución. A continuación se muestra el código editor. DomComponents.addType('text', { isComponent: el =>( (el.attributes&&...

amitbhoj777

Tengo la solución. Necesitamos extender el texto a máquina en rasgos. Gracias. editor. DomComponents.addType('paraJustify', { isComponent: el => ((el.attributes && el.attributes.paraJustify && el.attributes.paraJustify.value)), extiende: '...

#278518 de mayo de 2020por amitbhoj7772 respuestas
Reacciones 0

Añadir varios rasgos de tipo de texto.

Siempre que intento añadir varios rasgos de texto tipográfico con diferentes condiciones y etiquetas distintas, solo hace falta uno en cada condición de rasgo. Por favor, ayudadme con la solución.

artf

Lee la plantilla del problema y luego proporciona el código y demostra

amitbhoj777

editor. DomComponents.addType('text', { isComponent: el =>( (el.attributes&&el.attributes.paraJustify&&el.attributes.paraJustify.value) ), modelo: { Predeterminados: { Rasgos: [ { tipo: 'select', Opciones: [ { valor: 'text-align:center', n...

#278417 de mayo de 2020por joshbedo3 respuestas
Reacciones 1

¿Están rotas las consultas de medios?

Solo estoy probando la demo en mi móvil https://grapesjs.com/demo.html renderizado de HTML/CSS https://us-central1-connectionhelper-6e7ed.cloudfunctions.net/app/api/pages Y me he dado cuenta de que sigue pareciéndose a la versión de escritorio. Cuando estoy en el editor y miro la versión móvil, se ve un poco diferente...

vinceumo

Hola @artf abrí un problema relacionado con el mío con un https://github.com/artf/grapesjs/issues/2774 de codesandbox. Mi problema en realidad era más bien que el estilo no se renderizaba correctamente en el lienzo. Mi problema anterior fu...

montali

¡Estoy de acuerdo con esto!

vinceumo

Mismo problema en 0.16.12. Al importar CSS con media consult, la mayoría de los CSS en media query se eliminan, pero no todos. Yo también probé con el analizador postcss y el mismo problema.

#278217 de mayo de 2020por joshbedoRespuesta 1
Reacciones 0

¿La mejor manera de renderizar una página almacenada en Firestore?

He estado leyendo mucha documentación y los números cerrados, pero estoy un poco confundido sobre cuál es la mejor forma de renderizar una página almacenada en Firestore. Por ejemplo, tengo un backend node.js usando funciones en la nube y pensaba que básicamente tendría un endpoint API que extrajera la página del fire...

artf

Hola Josh, almacenar y cargar plantillas se describe con más detalle aquí: https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates Básicamente, el editor almacena 2 tipos de datos: 'components' y 'style', JSON resultado de...

#278116 de mayo de 2020por adamwpe2 respuestas
Reacciones 0

No se puede pulsar espacio dentro del componente de botones

Hola a todos, Tengo un componente de botón, me permite editar el texto, pero no me permite escribir un espacio ''. Aunque puedes copiar y pegar uno. Tengo un ejemplo aquí: https://jsfiddle.net/qz2cumo6/2/ ¿Alguna idea de por qué sería así? Gracias,

Mohsen-Khakbiz

Prueba a añadir componentes así '''javascript Componentes: [ { etiquetaNombre: 'botón', Clases: ['GJS-Button'], Componentes: [ { Seleccionable: Cierto, Editable: Cierto, etiquetaNombre: 'span', Tipo: 'texto', Contenido: 'Editarme' } ] } ],...

adamwpe

Es una solución sencilla y agradable: funcionó de maravilla.

#277915 de mayo de 2020por bt0rSin respuestas
Reacciones 0

Correcciones de traducciones al francés i18n

Descripción Hola a todos, Las teclas de traducción de 'Padding' están traducidas erróneamente al francés. Como "Relleno" es una palabra inglesa, no tiene sentido mantenerla en francés. Corrección Las correcciones pueden variar según el tipo de usuarios al que quieras llegar. Para un desarrollador, el relleno y el marg...

#277815 de mayo de 2020por ashishtyd2 respuestas
Reacciones 0

BUGS - No se puede leer la propiedad 'querySelector' de null en r.getBody

Hola Intentaba usar grapesjs en las páginas de Visualsource. A continuación se presenta la función de iniciación - 'initEditor: function(){ var self = esto; this.editor = grapesjs.init({ Contenedor: '#gjs', fromElement: cierto, Altura: '500px', Ancho: 'Auto', storageManager: false, paneles: { predeterminados: [] }, bl...

artf

Por favor, crea una demo reproducible.

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

#277714 de mayo de 2020por kuhelbeher3 respuestas
Reacciones 2

Cómo actualizar estilos en el Gestor de estilos

Hola. Creé un componente personalizado donde configuré imagen de fondo mediante un gestor de recursos personalizado Código de bloque personalizado: '''javascript domc.addType('image-block', { extender: 'por defecto', modelo: { defaults() { return { nombre: 'Imagen de fondo', Tipo: 'Bloque de imagen', etiquetaNombre: '...

Ju99ernaut

He notado que, en general, cuando actualizas estilos para un 'componente' mediante código, no aparecen en el 'Gestor de Estilos' hasta que desseleccionas y vuelves a seleccionar el 'componente', y no encuentro nada en la documentación sobr...

Ju99ernaut

Aquí usan el #2728: '''js component.addStyle({ 'image-background': 'url('${url}')' }) ``` Supongo que esa imagen de fondo no se actualiza porque el atributo 'src' está activado en lugar de la propiedad de estilo 'imagen de fondo'.

kuhelbeher

@Ju99ernaut gracias por el consejo, pero por desgracia no funcionó. También he notado que propiedades como el tamaño de fondo o la repetición en segundo plano tampoco se reflejan correctamente en el Administrador de Estilos, aunque está co...

#277614 de mayo de 2020por math-artist3 respuestas
Reacciones 3

¿Es posible usar grapejs para documentos imprimibles?

Hola, tengo la necesidad de crear un editor de plantillas de arrastrar y soltar para una aplicación de escritorio, para generar informes bonitos, y casi no encontré nada que hacer tan fácilmente. Luego encontré grapejs, y estoy considerando usar Qt WebEngine y tener grapejs integrado en mi aplicación. Puede que tenga...

Ju99ernaut

Creo que 'grapesjs' sería perfecto para tu caso. Aquí #2724 probablemente se está usando en el mismo contexto.

Ju99ernaut

Para las páginas se trata de crear un bloque de página con la altura definida. En cuanto a las etiquetas variables, estas también pueden incluirse en el bloque.

math-artist

Vale, parece la solución adecuada para gestionar una lista o tabla larga. ¿Hay alguna forma de bloquear la altura de la página web y ver el límite de diseño al editar? Mi plan es crear 3 o 4 páginas con el mismo pie de página e insertar et...

#277514 de mayo de 2020por motazadRespuesta 1
Reacciones 0

Uso de 'min-width' y 'max-width' juntos

¿Cómo puedo usar 'min-width' y 'max-width' en el config.mediaCondition? Voy a dividir los cambios entre los tamaños de los dispositivos

artf

https://github.com/artf/grapesjs/issues/2752#issuecomment-630137698

Explora todos los temas