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

#239811 de noviembre de 2019por Lakshit-SinghalSin respuestas
Reacciones 0

No se puede añadir CSS en el Movimiento del Componente de Nav

Creé un plugin de navegación. Puedo cambiar el color de fondo del componente de navegación. ! Captura de pantalla del 23-04-47 de 2019 Componente NAV normal ! Captura de pantalla del 23-05-21 de 2019 Componente de navegación de color Pero el problema aquí es que no puedo añadir CSS al Componente Flotado (Submenús). Po...

#239711 de noviembre de 2019por chiqui3d3 respuestas
Reacciones 2

Estilos no reconocidos en el Style Manager

Hola, Estoy probando por qué algunos estilos no se reconocen en el Style Manager, pero no lo encuentro, he intentado usar 'avoidInlineStyle: true', pero lo mismo, no se reconoce. Aquí está el ejemplo: https://jsfiddle.net/charles_es/x6yr7z91/28/

chiqui3d

Aunque lo ponga en falso, sigue ocurriendo. https://jsfiddle.net/charles_es/x6yr7z91/33/

pouyamiralayi

@chiqui3d este hilo podría ser útil. ¡Salud!

chiqui3d

Vale, acabo de darme cuenta de que, al tener el elemento una clase, el estilo en línea ya no se reconoce. ¿Por qué?

#239611 de noviembre de 2019por naveen-156973 respuestas
Reacciones 3

No se puede seleccionar el modelo usando editor.select()

Estoy intentando seleccionar el primer componente en el editor usando editor.select(editor. DomComponents.getComponents().models[0]). No está funcionando.

naveen-15697

@artf , @pouyamiralayi :I Necesito esta condición dentro del evento 'canvas:drop' editor.on('canvas:drop', ()=>{ ... ... // Mi código para seleccionar el primer componente está aquí //... ... })

pouyamiralayi

@naveen-15697 puedes lograr esto con: ¡Salud!

naveen-15697

@pouyamiralayi ¡Gracias! Ahora funciona. @artf , pero, ¿por qué no funciona en el evento 'canvas:drop'?

#239510 de noviembre de 2019por JpTiger2 respuestas
Reacciones 3

Pregunta tonta: ¿cuál es la forma más sencilla de construir una web sencilla con esto?

Esta es una pregunta realmente tonta, pero no encuentro la respuesta obvia: soy principiante con un curso gratuito de JS Codecademy y mucho tiempo creando/manteniendo sitios en WordPress. Quiero crear una web nueva o tres usando herramientas de código abierto que sean más fáciles de usar para mí y para los usuarios fi...

artf

Sé que OctoberCMS tiene este plugin y he visto a otros, pero no recuerdo sus nombres 😓

pouyamiralayi

@JpTiger existen herramientas basadas en grapesjs que pueden ayudarte a diseñar tu página muy rápido: gramateria. El resto puede lograrse usando CMS populares de código abierto y fáciles de usar como Pagekit y Directus. Personalmente prefi...

#239410 de noviembre de 2019por chiqui3d3 respuestas
Reacciones 2

Eliminar la dependencia de Font-Awesome 4.7

Hola, He comprobado que el editor depende de la biblioteca Font-Awesome 4.7, tanto dependen de las categorías, en los paneles, el gestor de capas (fa fa-eye, fa-caret-down), ¿por qué esto no se ha incluido con la fuente de uvas? Pude modificar los iconos de los paneles, pero no las categorías, quiero decir, fa-caret-d...

chiqui3d

Gracias, pero lo mejor es que los iconos por defecto son los propios Grapesjs (con IcoMoon) y entonces el usuario es quien elige qué fuentes usar para su proyecto, aunque por supuesto no depender de si es la versión 4 o 5.

artf

Oye, @chiqui3d estaba esperando la imagen permanente de tu https://github.com/artf/grapesjs/issues/644#issuecomment-421553006 😝 Por cierto, cerraría este tema y trasladaría la discusión al antiguo #644 También me gustaría proponer una sol...

pouyamiralayi

hola @chiqui3d eliminar Font Awesome está actualmente en la hoja de ruta. si quieres actualizar a Font-Awesome 5.0, hay un PR cerrado que puede ayudarte. ¡Salud!

#23938 de noviembre de 2019por troncoso3 respuestas
Reacciones 2

Determina por qué el evento 'bloquear:arrastre' no se activa

Mi empresa utiliza GWT (Google Web Toolkit) para desarrollar algunas aplicaciones web. Tenemos una biblioteca independiente de componentes GWT para nuestros componentes reutilizables. He creado un componente que envuelve uvas y funciona genial. Sin embargo, cuando importo esta biblioteca a un proyecto real y añado el...

troncoso

Gracias por esa información. Sin embargo, en mi caso esto no funcionaba debido a esto en el index.html: '''html <body ondragstart="return false;" ondrop="return false;"> </body> ``` Eliminar estos atributos resolvió mi problema.

pouyamiralayi

@Troncoso puedes proporcionar un violín para reproducir esto?

troncoso

Bueno, no, poco probable. No solo GWT es un framework Java, sino que tengo grapesjs trabajando en un proyecto GWT pero no en otro. Imagino que probablemente esto se cerrará, pero esperaba que publicarlo como una pregunta me diera algunas s...

#23928 de noviembre de 2019por asieraduriz3 respuestas
Reacciones 2

No se puede anidar <div id="gjs"> en ninguna otra etiqueta

Parece que la estructura de 'index.html' debe ser la siguiente: '''html <body> <div id="gjs" style="height:0px; overflow:hidden"></div> <guion... > Como mis estilos personalizados requieren la presencia del primer 'div' y el 'main', y he intentado actualizar la propiedad 'container' para 'grapesjs.init' sin éxito, pre...

asieraduriz

Lo que he hecho es simplemente clonar este repositorio y anidar el '<div id="gjs" style="height:0px; overflow:hidden;">' dentro de otro '<div>', así que sería así Cuando ejecuto 'npm start', me aparece una página en blanco

pouyamiralayi

@fasaas especificaste esto en tu HTML? Por cierto, asegúrate de que tu división principal tenga ''height:100%'' ¡Salud!

asieraduriz

Si esto no es posible, ¿hay alguna forma explícita de indicar que cuando añado un nuevo bloque al BlockManager, el contenedor debe ser un contenedor específico que pueda tener previamente definido en 'index.html' y dejar el div original en...

#23918 de noviembre de 2019por bjccdsrlcr3 respuestas
Reacciones 2

UrlLoad, me sigue diciendo 400 mala solicitud

Cuando intento usar urlLoad, ¿por qué me sigue diciendo 400 malas peticiones? Por favor, ayudadme ! imagen

bjccdsrlcr

! imagen Cambio el código fuente "get" a "post", funciona.

bjccdsrlcr

@pouyamiralayi solucionado. Quizá mi framework backend añada la clave extra (jsonrpc, id) lo cause. Así que cambio el código fuente para obtener el valor real de los assets GJS, componentes GJS, GJS-CSS, GJS-html, estilos GJS. entonces fun...

bjccdsrlcr

Parece que el frente usando contenido con JSON. pero no transmitía ningún valor. Y mi frame backend requería valor cuando el tipo de contenido es json. ¿Dónde puedo pasar algún parámetro?

#23908 de noviembre de 2019por sagaranandani17Respuesta 1
Reacciones 0

Accesibilidad - El usuario de teclado no puede acceder a las descripciones emergentes que se muestran con el ratón, pasa el cursor en el editor de Grape pero no aparecen en la navegación de pestañas

Versión del sistema operativo: 1903 (Versión del sistema operativo: 18326.295) Navegador: Edge(Microsoft Edge 44.18362.267.0) Experiencia de usuario: Si no se puede acceder con el teclado dentro del editor, el usuario del teclado no podrá entender el propósito del control y tendrá dificultades para interactuar con él....

artf

Señalaría aquí todos los problemas de accesibilidad #654

#23898 de noviembre de 2019por Khan-Uzair2 respuestas
Reacciones 0

Angular con Grapesjs

Hola, quiero integrar Grapesjs en mi aplicación angular. Supongamos que tengo un desplegable personalizado (que contiene archivos .ts, .html y .scss) como se muestra a continuación: CustomDropdown.html---------------------------------- <div class="cust-dropwodn-container"> <span>Un encabezado</span> <select ngIf="shou...

Khan-Uzair

¿Alguna novedad @artf?

artf

No, @Khan-Uzair por defecto GrapesJS no lee ningún componente relacionado con el framework... por favor, lee más sobre los componentes de GrapesJS aquí

Explora todos los temas