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
#19941 de mayo de 2019por webdeveloper04293 respuestas
Reacciones 0

¿Es posible añadir la propiedad StyleManager solo para el nombre de la clase?

Gracias por esta biblioteca tan increíble. Voy a añadir un controlador de estilo al sector. Este estilo será solo para un nombre de clase y no marcará objetivo. Por ejemplo, ".xxx-wrapper div.active button:before" (xxx será el identificador del componente para que los botones interiores estén controlados por este sect...

artf

Ningún gestor de estilos solo puede cambiar las propiedades de estilo (CSS) para cualquier otra cosa que tengas que usar Traits

webdeveloper0429

Gracias, artf. ¿Entonces no podemos usar el selector CSS anidado (".xxx-wrapper div.active button:before") en cssCompose?

artf

Puedes crear cualquier regla CSS usando el método setRule, pero solo las clases son visibles en el Administrador de Estilos

#19921 de mayo de 2019por benvmatheson3 respuestas
Reacciones 0

¿Es posible eliminar todo el CSS en vez de restablecer a los valores predeterminados?

Al guardar, exporto mi CSS y luego lo importo la próxima vez que cargo. Al hacerlo, añade mi CSS al CSS por defecto existente. 'Editor. CssComposer.clear()' parece restablecer el CSS por defecto, en lugar de borrar todo el CSS. https://jsfiddle.net/benvmatheson/movxw7p1/3/ ¿Es posible borrar todo el CSS, o simplemente...

artf

Al guardar exporto mi CSS y lo importo la próxima vez que cargo ¡Por favor, lee esto https://grapesjs.com/docs/modules/Storage.html

benvmatheson

Un ejemplo en esa documentación sugería usar simplemente el atributo 'style': Sin embargo, seguía habiendo otros estilos. Si se debe asumir que al importar estilo, ¿Siempre irá precedido con lo siguiente?

artf

Este es el CSS por defecto que puedes cambiar mediante la opción 'protectedCss', pero de nuevo, si tu propósito es editar una plantilla creada previamente, importar CSS exportado está MAL Puede que necesites importar HTML/CSS solo al crear...

#199129 de abril de 2019por afdallah3 respuestas
Reacciones 2

Redimensionable, usando unitWidth en salida px en porcentaje.

Hola @artf, Gracias por crear este marco. Recientemente hice un componente personalizado basado en tu plugin flexbox. ! demo La flecha roja es el valor real del modelo. La flecha verde es lo que esperaba que fuera. ¿Es posible poner 'unitWidth' como 'px' pero la salida en 'percentual'? Esto es lo que he probadoLos sep...

artf

Ah, espera, culpa mía, 'opts' es el tercero 'updateWidth(model, value, opts = {}) {' por cierto, el segundo argumento en setStyle son las opciones (por ejemplo, '{ silent: true }' para evitar activar los oyentes de cambio) y esas opciones...

afdallah

Eres el hombre!! 👍 👍 Muchas gracias @artf.

artf

Hola @afdallah, desde el punto de vista del redimensionador tendrías que usar la opción 'updateTarget' para personalizar el objetivo, pero desafortunadamente no puedes porque ya está muy usada por el SelectCommand Así que te pediría que in...

#199029 de abril de 2019por Ramkumar-Murugesan2 respuestas
Reacciones 0

Necesitan llamar al método antes de eliminar el componente html

Hola, necesito llamar al método antes de eliminar el componente HTML. ¿cómo puedo hacer eso? ! imagen método de llamada como editor.on('bloque:arrastrar:detener', función (modelo) {})

artf

'''js editor.on('run:core:component-delete:before', () => { alerta ('Antes de eliminar') }) ```

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.

#198929 de abril de 2019por edward18932 respuestas
Reacciones 0

Lienzo en modal

¿Es posible hacer modales que puedan ser un lienzo? Quiero crear un botón que muestre modales, luego puedo añadir el componente modal desde el gestor de bloques, gracias

artf

Probablemente estés buscando componentes con js

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.

#198829 de abril de 2019por MisterFK3 respuestas
Reacciones 1

Error en la imagen de redimensionamiento

¡Hola! Tengo algunos problemas cuando quiero redimensionar una imagen. Cuando pongo una imagen y hago clic en un manejador de redimensionador, la imagen no mantiene su altura sino que la amplía al 100% del contenedor principal... No encontré ninguna opción en la opción "redimensionable" para desactivar eso: 'Editor. D...

afdallah

Sería más fácil para todos aquí ayudarte si pudieras ofrecer una demo en directo. Tuve el mismo problema, pero en mi caso fue porque puse la altura de la imagen en automático. Aquí tienes el ejemplo de mi antiguo problema: ! Imagen de la d...

MisterFK

Gracias, pero no es el mismo problema. Grabo un vídeo para mostrar el problema: ! ezgif com-vídeo-a-gif

artf

Gracias por el informe @MisterFK ¿puedes hacer una demostración en directo del problema, por favor?

#198727 de abril de 2019por fmr4113 respuestas
Reacciones 1

Crear barra de herramientas en la parte inferior

¿Puedo crear una nueva barra de herramientas que esté situada en la parte inferior (como muestra el cursor) cuando selecciono el componente? Gracias ! Screenshot_2

afdallah

Si haces esa celda como un componente personalizado, puedes manipular su 'Vista' '''javascript const comps = editor. DomComponents comps.addType('cell', { isComponent(el) {...}, modelo: {...}, Vista: { eventos: { 'haz clic en #extra-toolba...

fmr411

No solo en la celda, sino en todos los componentes

afdallah

Por supuesto, puedes aplicar la misma técnica a cualquier componente.

#198627 de abril de 2019por benvmatheson2 respuestas
Reacciones 0

¿Dónde se almacena la configuración localmente?

Cuando recarguo el generador de insignias, el diseño anterior en el que estaba trabajando se carga. Esto sigue ocurriendo al borrar caché/cookies o abrir en modo incógnito. ¿Cómo se almacena esto?

benvmatheson

Parece que esto está almacenado en localStorage. ¿Cuál era la intención detrás de esto? ¿Se recomienda simplemente borrar localStorage para restablecer los datos, o hay algún método específico para uvas que recomendarías?

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.

#198526 de abril de 2019por DylanSp3 respuestas
Reacciones 1

El guardado automático con almacenamiento remoto no envía solicitudes de red

SO: Windows 10 Navegador: Chrome 73 Versión GrapesJS: '0.14.57' Tengo el almacenamiento remoto configurado usando esta llamada a 'grapesjs.init()': Aunque veo que la petición para '/load' se activa en la pestaña de Red de las herramientas de desarrollo de Chrome, no veo ninguna petición para '/store', por muchos cambi...

DylanSp

Actualizar a la siguiente versión solucionó esto, ahora veo solicitudes al endpoint '/store'. ¡Gracias por la corrección rápida!

DylanSp

También debo señalar que guardar manualmente con 'editor.store()' sí envía una petición que puedo ver en la pestaña de Red.

artf

Gracias por el informe @DylanSp en realidad hay un problema con el oyente. Si falla la primera llamada de 'carga' (y supongo que tu endpoint '/load' es falso, igual que el mío), nunca empieza a rastrear los cambios en el editor, así que el...

#198426 de abril de 2019por AkibDeraiya1232 respuestas
Reacciones 0

Tengo problemas mientras haces clic en la opción de editar de la imagen

Hola @artf, Veo la versión 0.14.57. En esta versión, soportas el editor de imágenes usando esta lib 'grapesjs-tui-image-editor.min.js?0.1.2'. Antes, usaba cropper.js para edición de imágenes. Pero no funcionaba bien. Veo una demostración para edición de imágenes usando 'grapesjs-tui-image-editor.min.js?0.1.2' que func...

artf

Por favor, revisa el archivo README https://github.com/artf/grapesjs-tui-image-editor Menciono este problema en la opción 'iconos' y el ejemplo te muestra exactamente qué hacer

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