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

#243027 de noviembre de 2019por Indhumathi2016Respuesta 1
Reacciones 0

No se puede hacer cuando se pulsan cmd + z y ¿podemos desactivar completamente cmd + z desde el editor?

Hola, No puedo seguir cmd + z pulsado en ningún sitio porque quiero realizar algunas acciones al deshacer cambios, lo he conseguido con el administrador de deshacer al pulsar el botón de deshacer, pero no puedo hacerlo con cmd + z, ¿hay alguna forma de hacerlo? ¿O simplemente quiero restringir la opción ctrl + z ya qu...

artf

Puedes rastrear eventos de 'deshacer/rehacer' y gestionar atajos (por ejemplo, en tu caso, eliminar el predeterminado) con API de mapas de teclas

Ver detalles
#242825 de noviembre de 2019por aarangaraRespuesta 1
Reacciones 0

La fuente no carga al usarla con webpack - grapesjs intenta cargar fuentes con ruta relativa

Estoy intentando cargar el editor de grapesjs en un archivo html sencillo y no carga los iconos propios de grapesjs ni los iconos de fontawesome. Ahora, he investigado estos 2 problemas #2320 y #1474, pero no me ayudaron a resolver mi problema, por eso lo planteo. A continuación está mi script de origen ('demo.js') qu...

artf

es decir, el archivo html está en /public/editor/demo.html y los archivos que genera webpack están localizados como /public/js/ (archivos bundle.js y fuentes), así que si copio archivos de fuente a /public/editor/fonts/ funciona bien. Buen...

Ver detalles
#242725 de noviembre de 2019por senchdenRespuesta 1
Reacciones 0
enhancement

Añadir funcionalidad de redibujado de la barra de herramientas

Si una barra de herramientas de modelos seleccionada se cambia dinámicamente (añadiendo un botón, eliminando un botón, etc.), el cambio no se refleja visualmente a menos que se esté redibujando todo el componente. Creo que estaría bien tener la capacidad de ver visualmente el cambio en la propiedad de la barra de herr...

artf

Cerrar esto ya que la actualización de la barra de herramientas está en marcha '''js const selected = editor.getSelected(); selected.set('toolbar', selected.get('toolbar').splice(1)) ```

Ver detalles
#242625 de noviembre de 2019por Hovius2 respuestas
Reacciones 3

¿Cómo manejar componentes antiguos (json) con una nueva configuración de editor?

Hola @artf, Tengo una pregunta sobre el editor de uvas que no encuentro en la documentación, así que espero que tengas una respuesta. Configuración básica: La configuración de todos los componentes se establece con el init 'this.editor = grapesjs.init(defaultConfiguration);' Los componentes de un json guardado anterio...

artf

¿Puede el editor detectar la nueva configuración de componentes sin tener que añadir uno nuevo manualmente al lienzo? No realmente, si almacenas la definición de componente de una manera, el editor cargará esa definición. Lo único que pued...

Hovius

¡Gracias por tu respuesta! Voy a usar 'avoidDefaults: true' y hacer que funcione :)

Ver detalles
#242525 de noviembre de 2019por Ramkumar-MurugesanRespuesta 1
Reacciones 1

Los rasgos personalizados no se guardan en el administrador de almacenamiento remoto

He añadido más rasgos de los rasgos de entrada por defecto. pero que los rasgos no se guardan en los metadatos JSON de Grapesjs. Lo anterior es mi configuración de almacenamiento en la función de init de Grapesj. ! imagen La imagen de arriba muestra que tengo rasgos personalizados llamados entidad y su campo después d...

artf

añadí más rasgos de los rasgos de entrada predeterminados. pero que los rasgos no se guardan en los metadatos JSON de grapesjs Los rasgos no deberían almacenarse, no son extensiones de tus Componentes, sino solo una forma de actualizar los...

Ver detalles
#242425 de noviembre de 2019por logeshkrishna03 respuestas
Reacciones 1

Forma una nueva <P> etiqueta cerrando la <p> etiqueta existente mientras se hace clic en enter

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...

logeshkrishna0

@artf esa no es la solución aceptada

logeshkrishna0

Como comportamiento normal, mientras usamos la tecla ENTER, usamos la etiqueta form div dentro de la etiqueta p, que es la normal. ! Captura de pantalla del 25-11-2019 29-12-29 La imagen de arriba lo demuestra...... Pero!!! aquí es querer...

logeshkrishna0

@artf ¿podrías ayudarme con esto, por favor?

Ver detalles
#242323 de noviembre de 2019por MartinPutz2 respuestas
Reacciones 0

En modo de arrastre absoluto, los componentes no se caen correctamente si se aplica zoom

Los componentes no se colocan en la posición exacta si el modo de arrastre se ajusta a absoluto y se aplica un valor de zoom en el lienzo. GrapesJS versión: 0.15.8 El número también puede reproducirse en la demo: https://jsfiddle.net/y8m1x4a3/ Comportamiento esperado: Los componentes pueden dejarse caer en la posición...

artf

Debería estar arreglado en esta rama https://github.com/artf/grapesjs/tree/multi-frame El multienmarcado aún está lejos de estar completo, pero espero fusionar pronto esa rama (gran refactorización de lienzo pero sin cambios bruscos), defi...

artf

Cierro este problema porque planeo resolver todos los relacionados con el posicionamiento absoluto aquí: https://github.com/artf/grapesjs/issues/3770

Ver detalles
#242223 de noviembre de 2019por MartinPutz3 respuestas
Reacciones 2
bug

No se puede añadir un carácter de 'espacio' si se aplica zoom en el lienzo

No se pueden editar correctamente los componentes de texto si se aplica un valor de zoom en el lienzo. GrapesJS versión: 0.15.8 El número también puede reproducirse en la demo: https://jsfiddle.net/1n9ruwa4/ Comportamiento esperado: Zoom se aplica en Canvas usando :editor. Canvas.setZoom() Los componentes de texto pue...

mattdeigh

Ahhh, ahora lo veo. No estaba siguiendo completamente el código. Voy a experimentar con eso y te diré qué se me ocurre.

Sphenox

Estoy escribiendo sobre este tema, ya que no puedes añadir un 'espacio' si te centras en un '<a>' o un '<button>'. Es reproducible en la demo, si añades un Enlace: https://jsfiddle.net/1n9ruwa4/ La razón es por la configuración 'notTextabl...

artf

Gracias @MartinPutz buen comentario

Ver detalles
#242120 de noviembre de 2019por brentonkelly19822 respuestas
Reacciones 1

El tipo de rasgo numérico añade atributos al elemento

Ejemplo práctico: https://codepen.io/brenton-kelly/pen/wvvOgLN Sobre las últimas versiones: https://unpkg.com/grapesjs https://unpkg.com/grapesjs/dist/css/grapes.min.css Creé un componente de cuadrícula donde el usuario configura el número de columnas y la canaleta mediante el gestor de rasgos. Cuando uso el tipo "num...

artf

Olvidaste 'changeProprop: 1' en tus rasgos

brentonkelly1982

¡Gracias!

Ver detalles

Explora todos los temas