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

#279722 de mayo de 2020por cambiasso513Respuesta 1
Reacciones 0

Las imágenes dentro del bloque de enlace no responden

Hola, Sé que puedo insertar una URL para imágenes mediante un bloque de enlaces. Mi pregunta es si las imágenes dentro del bloque de enlaces no responden automáticamente.

artf

Añade el CSS que necesitas para arreglar eso

#279622 de mayo de 2020por vinceumo3 respuestas
Reacciones 2

Los CSS se eliminan cuando el proyecto inicia

Hola, Estoy intentando importar clases utilitarias en Grapes Js. Mi problema es que las uvas las eliminan si no son utilizadas por un elemento en el lienzo. Estoy construyendo un panel personalizado para enlazar a mis variables CSS (propiedades personalizadas CSS) y así gestionar estas clases en uvas. ¿Cómo puedo impo...

Ju99ernaut

'grapesJS' no trata directamente con 'css', primero lo analiza en un 'CSSOM' y lo usa en el editor, por lo que una clase no aparecerá en la vista previa del código a menos que haya un componente en el canvas del editor que la utilice. Tus...

Ju99ernaut

Podrías cargar la hoja de estilo externamente durante la entrada y eliminarla del index.html por completo '''js lienzo:{ Estilos: [ 'camino/aha/hoja de estilo' ] } ``` También puedes consultar la referencia de la API SelectorManager y CssC...

vinceumo

Gracias @Ju99ernaut, ¿sabes si hay alguna forma de añadir algo de CSS y ponerlo disponible en el lienzo y también tenerlo en la exportación?

#279521 de mayo de 2020por Yonatan19981Respuesta 1
Reacciones 1

Ejecutar varios plugins juntos

Hola, Conseguí instalar cada plugin por separado y ejecutarlos. ¿Cómo los combino? Y si puedes, por favor dame instrucciones relativamente detalladas porque he visto algunas soluciones aquí como "añadir la biblioteca ckeditor" y no sé cómo hacerlo. Gracias

Ju99ernaut

Supongo que podrías agrupar esos plugins en un solo plugin usando grapesjs-cli. Para referencias, consulta grapesjs-preset-webpage index.js archivo.

#279421 de mayo de 2020por AndiswamyDevRespuesta 1
Reacciones 0

Personalización de imágenes de asignación onclick

¿Puedo personalizar el evento de clic de imagen del recurso para poder dejar de actualizar automáticamente la fuente de la imagen con un solo clic? ¿Hay alguna forma de decir el target.set() a la fuente predeterminada de un componente de imagen? Estoy personalizando la imagen del asset al hacer clic en propiedad. Por...

artf

Consulta esta parte https://grapesjs.com/docs/modules/Assets.html#extend-asset-types

#279320 de mayo de 2020por Lerdouille3 respuestas
Reacciones 3

Extender los rasgos de imagen

Hola, Me gustaría ampliar el tipo de imagen con algunas opciones, especialmente con una opción de redirección al hacer clic. Probé esta solución después de la inicialización del editor (preciso que trabajo en un entorno completo de javascript y no Node.js): editor. DomComponents.addType('image', { isComponent: el => e...

Lerdouille

Hola de nuevo, Aquí está la solución final para crear una imagen de HFeF: '''js editor. DomComponents.addType('imagelink', { modelo: { Predeterminados: { etiquetaNombre: 'div', redimensionable: {keepAutoHeight: true}, Droppable: falso, Ras...

felipesotero

Tengo la misma necesidad en mi proyecto. Intenté crear un bloque, pero no conseguí que la ventana emergente inicial "estallara". Intenté crear un componente con un plugin, pero hay tanto trabajo que no entiendo cómo pueden conectarse entre...

artf

Has añadido este oyente 'change:url' pero el nombre del rasgo es 'name: 'href'', así que simplemente cámbialo por 'change:href'

#279220 de mayo de 2020por josfh2005Respuesta 1
Reacciones 0

Error de componente de vídeo en la actualización del proveedor

Hola, cuando cambio de proveedor me aparece el error "this.model is undefined" en la función updateProvider. Esta captura de pantalla es de la https://grapesjs.com/demo.html, solo añade el componente de vídeo y cambia el proveedor. ! Captura de pantalla 2020-05-20 a las 12 59 21

artf

se relaciona con este https://github.com/artf/grapesjs/issues/2773

#279120 de mayo de 2020por MarlonV123Respuesta 1
Reacciones 4

Por favor, ayudad con plantillas de importación y exportación

Buenos días, por favor. Necesito ayuda para crear plantillas y luego cargarlas, realmente no puedo hacer nada, quiero poder guardar plantillas y luego cargarlas, llevo días sin intentarlo, soy nuevo en programación, he seguido todo al pie de la letra, y realmente lo único que me falta son las plantillas, por favor, si...

Ju99ernaut

Como mínimo, necesitas comandos para guardar las plantillas y abrir un modal que muestre las plantillas guardadas, y para gestionar la carga de una plantilla en el editor. Para guardar una plantilla usando almacenamiento local puedes usar...

#279019 de mayo de 2020por motazad3 respuestas
Reacciones 3

Dispositivos que no funcionan en la versión 0.16.12

@artf Cuando hago clic en los dispositivos (tablet, móvil), el tamaño del lienzo no se actualiza Pero funcionó en la versión 0.15.x y inferiores.

cdespinosaagmx

Tengo el mismo problema

kuhelbeher

Tuve el mismo problema después de la actualización de Grapejs. En mi caso, resultó que estaba usando una versión antigua del archivo css: 'https://unpkg.com/[email protected]/dist/css/grapes.min.css' Lo actualicé para usar la versión como g...

alitorki2651

Tengo el mismo problema @artf

#278919 de mayo de 2020por iamDreamcodeRespuesta 1
Reacciones 0

Añadir colores al RTE integrado

Hola Estoy intentando añadir color a la RTE integrada para fondo y primer plano, pero después de desenfocar un elemento se reinicia en un estilo de prop. Aquí tienes un ejemplo: https://jsfiddle.net/2s3vhygn/ Parece que necesito actualizar un modelo y configurar estilos en él. Intentando actualizar el modelo usando es...

artf

@iamDreamcode para que ese elemento sea seleccionable deberías forzar la sincronización del componente de texto https://jsfiddle.net/xhp7k1bs/

#278718 de mayo de 2020por JoLoZRespuesta 1
Reacciones 0

Sustituir todo HTML

Hola, Estoy intentando usar GrapesJS para personalizar plantillas para mis usuarios finales, pero me encontré con el siguiente problema: No hay ninguna forma documentada de reemplazar todo el contenido por algo como una función. Intenté redirigir, pero eso, bueno... redirige. Lo que tengo: -Una copia exacta de la pági...

artf

Muchas cosas dependen de tu backend y ahí no puedo ayudarte, pero si necesitas reemplazar el lienzo por una plantilla nueva usarías algo así '''js editor.setComponents (<p>'Imagina algo de contenido aquí. ¡Sé creativo!</p> <style> ')</styl...

Explora todos los temas