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

#285022 de junio de 2020por Aiyush-G3 respuestas
Reacciones 0

Añadir un desplegable para bloquear usando Rasgos

Hola @artf, Espero que estés bien, Me preguntaba si podríais ayudarme con algún problema sencillo que estoy teniendo (recientemente he empezado a usar GrapeJS. Problema: usando un plugin crea un bloque y dentro de la sección de rasgos hay un desplegable que cambia el tipo de bloque que se muestra. Aquí está mi código...

cartifon

No estoy seguro de si se puede cambiar el bloque una vez que lo añades... Quizá deberías tener clases para añadir a los bloques, que puedas cambiar el color, tamaño o algo así. Puedes echar un vistazo al compositor CSS para ello. https://g...

artf

@Aiyush-G creo que deberías crear un componente personalizado con ese rasgo que luego cambie el contenido, el bloque en sí solo contendría ese componente '''js editor. BlockManager.add('my-first-block', { etiqueta: 'Bloque simple', content...

Aiyush-G

Hola, sí, esto es lo que estaba pensando, ¿te importaría hacer un ejemplo para mí que cambie el contenido html? Por ejemplo, elegir rojo muestra tu rojo elegido como <p> etiqueta y si eliges naranja eso muestra que elegiste naranja y un <p>

#284921 de junio de 2020por meyerco3 respuestas
Reacciones 1

Usar la URL de la imagen para la imagen de fondo no funciona correctamente

DescripciónEn nuestro proyecto para assets de imágenes usamos url en lugar de código base64.Comportamiento esperado Al establecer una imagen de fondo a un control , debe actualizar el css de este control .El css debe reflejarse en el lienzo y en el panel de estilo.¿Qué pasa en cambio? Si la imagen tiene espacios o par...

meyerco

Hola @artf, #2975 Aquí tienes una PR para solucionar el problema. Por favor, actualízame si es lo suficientemente bueno. Gracias

artf

Gracias por el informe, agradecería una imagen pública para este problema

meyerco

¿Puedes indicarme un archivo donde se configura imagen de fondo?

#284821 de junio de 2020por Aiyush-GRespuesta 1
Reacciones 0

CSS externo no cargando en Canvas

Usar CSS en Init da como resultado una pantalla en blanco: quiero enlazar varios archivos css para que en la página web pueda definir clases, por ejemplo, Dentro del archivo CSS (ejemplo): Y en la página web me gustaría definir texto (por ejemplo) para que tenga la clase h6 o crear un bloque personalizado donde pueda...

Aiyush-G

RESUELTO: SINTAXIS INCORRECTA

#284520 de junio de 2020por BerkeAras3 respuestas
Reacciones 1

Imágenes de arrastrar y soltar

Hola, ¿Qué tal un sistema de arrastrar y soltar imágenes en elementos de imagen? Así: ! [](https://docs.adobe.com/content/dam/help/experience-manager-65.de-DE/help/release-notes/assets/connected-assets-drag-and-drop-only.gif)

micker

¡interesante!

artf

Creo que puedes lograrlo ampliando el componente de imagen por defecto. Como el usuario ya puede colocar imágenes en el lienzo usando el D&D en HTML5, yo omitiría esa función del componente principal.

revdfdev

¿Hay algún ejemplo para extender un componente de imagen

#284420 de junio de 2020por akashdesale98Respuesta 1
Reacciones 0

Si damos "<input data-gjs-type="myInput" type="text" required/>" esta cadena html a setComponents, se establece como "<input data-gjs-type="myInput" type="text" required=""/>" en el gestor de código

editor.setComponents ("html stiring"), método que toma una cadena HTML como entrada y establece ese código en la sección HTML del Gestor de Códigos si pasamos a editor.<setComponents "input data-gjs-type="myInput" type="text" required/>" a editor.setComponents, entonces su salida será "<input data-gjs-type="myInput" t...

artf

Por ahora, solo puedes evitarlo añadiendo la Definición de Componente de esta manera '''js editor.addComponents({ etiquetaNombre: 'entrada', atributos: { tipo: 'texto', requerido: verdadero } }) ``` pero actualizaré el analizador HTML en l...

#284319 de junio de 2020por abozhinov3 respuestas
Reacciones 0

No se puede eliminar la propiedad de estilo en un dispositivo seleccionado

Hola, tengo un problema al eliminar la propiedad de estilo en un dispositivo seleccionado (clearProperties: true). Puedes reproducir el problema en https://grapesjs.com/demo.html. Pasos:Limpia todo.Arrastrar código personalizado.Añadir este código de ejemplo. '''html <div id="test"> Contenido de prueba </div> <style>...

abozhinov

@artf tienes idea de cómo puedo arreglarlo?

artf

Para que el StyleManager lea la regla de estilo adecuada, tu consulta de medios debe reflejar el mismo ancho que el dispositivo seleccionado. ¿Lo has probado?

abozhinov

Sí, lo hago. deviceManager: { Dispositivos: [ { nombre: 'Escritorio', Ancho: '', Prioridad: 3 }, { nombre: 'Tablet', Ancho: '768px', widthMedia: '991px', Prioridad: 2 }, { nombre: 'Mobile', Ancho: '360px', Altura: '640px', widthMedia: '767...

#284219 de junio de 2020por BerkeAras3 respuestas
Reacciones 0

La sombra de texto desaparece al hacer doble clic

Hola. Tengo un problema: la sombra de texto sobre el elemento de texto desaparece cuando hago doble clic en el elemento. ¿Qué debería hacer? Aquí está mi código: https://pastebin.berkearas.de/?e1c4c8db9a70894f#DCUHVHZzyhFTnAk2RoJ9faQxQPvAqWMoiBqXHMEzRH5G

BerkeAras

Edito: La sombra de texto no desaparece. El color de sombra está configurado como desenfoque de sombra, y el desenfoque de sombra se obtiene a 0.

BerkeAras

! imagen

artf

No puedo reproducirlo en la demo principal, así que también necesitaría una demo en directo de tu caja

#284119 de junio de 2020por BerkeAras3 respuestas
Reacciones 1

No se puede usar la tecla 'supr' en el teclado al editar texto.

Hola. Tengo un problema: puedo editar texto, pero no puedo usar la tecla de borrar en el teclado. Aquí está mi código: https://pastebin.berkearas.de/?e1c4c8db9a70894f#DCUHVHZzyhFTnAk2RoJ9faQxQPvAqWMoiBqXHMEzRH5G

artf

Gracias por el informe, lanzaré una nueva versión con la solución

aakos

Tengo el mismo problema. Versión: 0.15.8 Probado: Chrome 83 Lo rastreamos hasta el bloqueo de Keymaster. Ejecutar esto permitiría que el texto editado borrara el pasado: 'Editor. Keymaps.keymaster.unbind('backspace'));' Podría ser este #27...

BerkeAras

@aakos Gracias. ''editor. Keymaps.keymaster.unbind('retroceso'); editor. Keymaps.keymaster.unbind('delete');'' funciona. Pero debería haber una solución para ese problema.

Explora todos los temas