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...
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é?
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'?
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...
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!
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...
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...
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?
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
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í