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
#183626 de febrero de 2019por AkibDeraiya1233 respuestas
Reacciones 2

Cómo añadir !important en todas las APIs generadas

Hola @artf, Aunque voy a editar algo de html desde el editor con la ayuda de CSS, necesito añadir '!important' a todo el CSS, que ha cambiado. Déjame darte un ejemplo, Esto es CSS anterior Ahora voy a cambiar el color de esta fuente por '#000'. Entonces solo este CSS modificado tendría que añadirse con '!important'. A...

NicoEngler

Puede que haya encontrado una solución para tu problema. Por favor, comprueba https://github.com/artf/grapesjs/issues/1041#issuecomment-382545102

NicoEngler

No creo que necesites añadir !important porque tu elemento con la clase .banner-title recibe una clase única añadida que contiene la propiedad que ha cambiado. Así que si cambias el color, se añade una nueva clase con color: #your-color y...

AkibDeraiya123

@NicoEngler , Gracias por tu valiosa respuesta. Pero el problema es que estoy cargando una página de plantilla predeterminada con CSS por defecto. En este CSS tenemos CSS como Ahora, cuando cambio el color a '#000' usando el editor, se cre...

#183526 de febrero de 2019por SeongwoonHong3 respuestas
Reacciones 2

¿Cómo abrir 'Configuración' todo el tiempo?

! captura Me gustaría que los 'Ajustes' estuvieran abiertos por defecto en todo momento sin que los usuarios tengan que abrirlos manualmente. ¿Cómo lo hiciste? Gracias...

NicoEngler

Puedes pasar por la propiedad abierta a tu zona de sector.

artf

@SeongwoonHong Ese panel de ajustes es un elemento personalizado https://github.com/artf/grapesjs/blob/6cb1199048a753a77466efd4ae8ff3752d413623/demo.html#L1409-L1430 Yo solo añado rasgos ahí, pero el interruptor (abrir/cerrar) es en realid...

SeongwoonHong

@NicoEngler Hola, gracias pero No hablo de sectores (dimensiones, tipografía, etc.). Hablo de 'Configuración'... En otras palabras, si hago '''editor. StyleManager.getSector('Settings')''' es nulo..

#183426 de febrero de 2019por diktar2 respuestas
Reacciones 0

La imagen de fondo del wrapper no funciona si se seleccionan propiedades de estilo personalizadas

Cuando el editor se inicializa con props de estilo personalizados definidos para el envoltorio, la imagen de fondo no se establece como envoltorio. Se configura correctamente si el editor se inicializa con la configuración predeterminada del wrapper. Pasos para reproducirse:Abrir https://jsfiddle.net/gu289h0q/Seleccio...

artf

@diktar tienes que pasar todas las propiedades de fondo a estilizable '''js 'trasfondo', 'color de fondo', 'imagen de fondo', 'repetición de fondo', 'vínculo de fondo', 'posición de fondo', 'tamaño de fondo' ``` Probablemente no sea la for...

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.

#183326 de febrero de 2019por sakshigarg93 respuestas
Reacciones 0

Redimensionador personalizado

Estoy usando la página web grapesjs-preset, ¿cómo establezco el estado inicial de las propiedades bajo Resizer?

NicoEngler

Me gustaría ayudar, pero no consigo entender el problema. ¿Podrías ser más preciso con lo que intentas conseguir?

sakshigarg9

Quiero limitar el redimensionamiento de una imagen hasta una dimensión específica y también quiero tener una dimensión mínima especificada. Aparte de eso, quiero activar solo el punto br (abajo a la derecha) en la imagen para redimensionar...

artf

https://github.com/artf/grapesjs/issues/1809#issuecomment-469027859 @sakshigarg9 evitar abrir duplicados de tus propios números, por favor...

#183226 de febrero de 2019por sakshigarg92 respuestas
Reacciones 1

El div no se redimensiona automáticamente al redimensionar la imagen al usar flex

Este es mi código en el que quiero que la imagen del logo sea redimensionable. Además, quiero un elemento div en el extremo opuesto para que el usuario pueda arrastrar y soltar el logo en ese contenedor. Para tener ese arreglo, estoy usando flex display con justificify-content como espacio intermedio. Pero con Flex el...

NicoEngler

Lo más probable es que esto no sea un problema de Grapejs, sino más bien de CSS. ¿Podrías montar una demo?

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.

#183125 de febrero de 2019por SeongwoonHong3 respuestas
Reacciones 0

¿Cómo ejecutar comandos para un componente de bloque?

Me gustaría hacer algo así. Así que, una vez que un usuario deja caer el componente de prueba en el lienzo, me gustaría abrir el modal de gestor de activos donde puedas subir una imagen ejecutando el comando 'open-assets'. Muchas gracias, Artur

NicoEngler

Para lograrlo, puedes escuchar el evento drag del editor:

SeongwoonHong

@NicoEngler ¡Gracias por responder! aunque no estoy seguro de cómo insertar una imagen desde el modal de imagen en el componente link-block Si hago esto, no pasa nada incluso después de seleccionar una imagen del modal @artf ¿Hay alguna fo...

NicoEngler

Me temo que no puedo ayudar más sin tener que trastear yo mismo con el código. Aunque puedo ayudar depurando si disparas un ejemplo en Codepen o similar.

#183025 de febrero de 2019por skateborden2 respuestas
Reacciones 0

Las propiedades del StyleManager sin "propiedad" definida causan un error en la selección de componentes

Al usar una propiedad de StyleManager donde "property" no está definida y por defecto es '', veo un error en la selección de componentes: "TypeError: values[0] is undefined" en PropertyView.js targetUpdated -> getComputedValue-> camelCase. Estoy viendo esto en mi proyecto local con la v0.14.52. JSFIDDLE: https://jsfid...

artf

En mi caso, esto es una subpropiedad de una pila, donde no tendría sentido que una propiedad estuviera definida. Sí, tiene sentido, pero desafortunadamente, la 'propiedad' es algo obligatoria para el Style Manager, probablemente por ahora...

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.

#182925 de febrero de 2019por skatebordenRespuesta 1
Reacciones 0

Si los dispositivos en DeviceManager tienen un ancho especificado, se produce un error de error de ruptura del editor

Si todos los dispositivos especificados para el DeviceManager tienen un ancho establecido, ocurre un error de interrupción del editor: "TypeError: contRules is null". Estoy viendo esto en mi proyecto local con la v0.14.52. JSFIDDLE: https://jsfiddle.net/5ycmoftj/1/ Creo que lo que ocurre es que CssRulesView.js render(...

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.

#182825 de febrero de 2019por SeongwoonHong2 respuestas
Reacciones 0

¿Añadir un cuadro de texto adicional para el modal de subida de imágenes?

Hola Artur, Me pregunto si sería posible añadir algunas cajas de entrada para el modal de subida de imágenes. ! captura Me gustaría añadir algunas cajas en la zona roja de la captura de pantalla de arriba. Esas cajas están pensadas para añadir href para la imagen

artf

Puedes interceptar el comando de apertura del activo y luego manipular el DOM según tus necesidades '''js editor.on('run:open-assets', () => { const el = editor. Modal.getContent().querySelector('.gjs-am-assets-cont'); ... }) ```

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.

#182725 de febrero de 2019por sanjib002 respuestas
Reacciones 0

¿Cómo añadir un botón en la sección (bloqueo) al pasar el cursor?

Hola @artf, Estás haciendo un gran trabajo. Intenté añadir un botón en la sección (bloque) al pasar el ratón. ¿Podrías ayudarme a añadir o mostrar el botón "Añadir columna" al pasar el curso? Estaba siguiendo el número #1789 ! hover_btn

artf

@sanjib00 creo que esta https://jsfiddle.net/xcv07abt/ de demo es suficiente para entender qué hacer a continuación

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