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

#13301 de agosto de 2018por FrciSmrci2 respuestas
Reacciones 2

Clases restringidas de soltar y arrastrar

Hola @artf, ¿Existe la posibilidad de restringir la funcionalidad de soltar y arrastrar a elementosClassList que contenga alguna clase o clases en vez de coincidirla? ¡Gracias de antemano! :)

artf

Podrías usar estos selectores de atributos especiales 'div[class~="some-class"], [class~="some-other-class"]''~=' contiene palabra'*=' contiene'^=' empieza por'$=' termina con

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.

#13291 de agosto de 2018por inventorbit3 respuestas
Reacciones 4

Pregunta: Cómo usar el mismo CSS para varias páginas

Hola equipo de Grapejs, Hemos estado trabajando en el Constructor de Páginas Web Multipágina. Para cada proyecto habrá varias páginas html con una única página común de "style.css". Soy perezoso cargando cada página con la siguiente función: para manejar múltiples cargas de página Sin embargo, la página anterior carga...

cjpollard

Esto debería funcionar. ''var editor = grapesjs.init({ keepUnusedStyles: cierto, ... });``

artf

@inventorbit la próxima vez, si alguien resuelve tu problema, ciérralo

inventorbit

@cjpollard Muchas gracias, :) Está funcionando. Me has ahorrado el tiempo...

#13281 de agosto de 2018por jorgecgll2 respuestas
Reacciones 0

Reordenando los componentes en el lienzo

He notado algunas inconsistencias al mover componentes del DOM en el lienzo. Descripción en el gif de abajo usando la Demo de la página web: ! grapesjs_gif En mi caso, sí veo que el componente DOM se "mueve" cuando saco 'editor'. DomComponents.getComponents()'. De hecho, se reordenan, pero el Lienzo a veces no refleja...

artf

Nunca tuve tiempo de depurarlo, pero creo que de alguna manera fue causado por componentes con el estilo 'float: right' aplicado

jmrgz

Sí, está relacionado con la propiedad del derecho de flotación. De hecho, ese es el comportamiento real de la propiedad float right (el último elemento html aparece el primero), así que no veo una solución sencilla.

#132731 de julio de 2018por ezequiel-thalamus2 respuestas
Reacciones 0

Reemplazando texto seleccionado y obteniendo HTML

¡Hola! Estoy intentando reemplazar el texto seleccionado por un código (código aleatorio). Funciona, puedo ver el código, pero cuando lo hago editor.getHtml() no. Si desselecciono el componente (seleccionando otro), el cambio entra en vigor. ¡Gracias!

artf

El contenido del modelo se actualiza en realidad una vez que difuminas desde el componente editable, así que cuando llamas a 'getHtml' aún no está ahí

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.

#132631 de julio de 2018por CCsohRespuesta 1
Reacciones 0

¿Es posible desactivar la barra de mover y borrar

ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...

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.

#132530 de julio de 2018por ploutos273 respuestas
Reacciones 1

Cómo desactivar la caída para bloques/componentes específicos

Hola, Con el siguiente código podemos indicar si es posible eliminar otros(s) componentes(s) dentro de ese componente en particular...: Queremos indicar si es posible eliminar solo otros componentes para bloques específicos. Por ejemplo: R. Bloque de contenedor: > queremos eliminar solo columnas B. Bloque de columnas...

artf

A partir de https://github.com/artf/grapesjs/releases/tag/v0.14.17 obtienes 'data-gjs-type' en todos los componentes renderizados, por lo tanto puedes hacer algo así: 'droppable: '[data-gjs-type="columna"], [data-gjs-type="otro"]','

ploutos27

¡Gracias! :)

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.

#132427 de julio de 2018por jvillena3 respuestas
Reacciones 1

Eliminar atributos de un componente

Hola @artf no sé si es posible eliminar un atributo de un componente. En nuestro proyecto estoy inyectando un atributo personalizado de un rasgo personalizado que creé, pero hay una opción para desseleccionar este atributo, así que me gustaría eliminarlo del componente. No he encontrado la funcionalidad en tu código....

artf

'''js const attr = component.getAttributes(); eliminar attr.title; component.setAttributes(attr); ```

alemenciones

@artf ¡hola tío!, ¿puedes darme alguna alternativa para eliminar atributos?

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.

#132327 de julio de 2018por jvillena2 respuestas
Reacciones 0

Carga de contenido HTML Los ids de inyección pertenecen a estilos

@artf Cuando cargo el contenido html, esto incluye en todos los componentes un identificador aleatorio que en tus ejemplos "Websites" y "Newsletter" no veo. Entonces, ¿cómo puedo forzar que mantenga mi hoja de estilo y no use identificadores aleatorios en todos los componentes? Te hago esta pregunta porque si cambio e...

jvillena

@artf acabo de arreglar, estaba incluyendo la variable avoidInlineStyle: true, y tiene que ser avoidInlineStyle: 0

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.

#132227 de julio de 2018por YashPrince3 respuestas
Reacciones 0

Desactiva la edición en el modo Vista previa.

@artf ¿Cómo podemos desactivar la edición en el modo de vista previa y volver a activarla cuando el modo de vista previa está desactivado? Quiero eliminar el editor y ocultar la barra de herramientas en el modo de vista previa para que el usuario solo pueda ver los cambios Y no puede editarlo, además toda la opción ed...

jvillena

Puedes utilizar: editor.stopCommand ('sw-visibility'); editor.runCommand('sw-visibility');

YashPrince

@jvillena he usado este código, pero no funciona. editor.on('run:preview', () => { editor.stopCommand ('sw-visibility'); }); editor.on('stop:preview', () => 'editor.runCommand('sw-visibility'); });

ghost

Hola Artur (@artf), Necesito añadir el botón de guardar y publicar, ¿hay algún plugin disponible o tengo que estar codificado de forma fija? ¿Puedes ayudarme, por favor?

#132126 de julio de 2018por maryia-kabash2 respuestas
Reacciones 1

El componente de imagen no se elimina

El error es reproducible en la página de demostración de GrapesJ. Pasos para reproducirse:Arrastrar y soltar o seleccionar un componente de Imagen.Haz clic en el icono de eliminar desde la barra de herramientas. Resultado: no pasa nada, como ed. Canvas.hasFocus() (comandos de archivo/vista/ComponentDelete.js) devuelve...

artf

Gracias, Maryia, debería arreglarse con la última versión https://github.com/artf/grapesjs/releases/tag/v0.14.25 (igual que la #1298)

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.

Explora todos los temas