Problemas con GrapesJS

artf

Las cosas abstractas de dominio son solo para uso interno, así que ni siquiera planeo dejarlas sobreescribir, ¿cuál es tu caso de uso?

Geczy

Quiero personalizar la apariencia de los campos de formulario en el panel de configuración de un componente, usando clases existentes en Bootstrap u otro framework CSS que utilice. Así que quiero reemplazar 'gjs-field' por 'form-group'

artf

Vale, entiendo el caso, pero ahora mismo no hay una forma fácil de hacerlo :/

artf

Añadido a la siguiente versió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.

ateshuseyin

Puedes cambiar variables de SCSS y recompilar a CSS: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsvariables.scss#L22

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.

artf

@vishal5033 añadiré 'removeSector' y 'removeProperty' en la próxima versió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.

vishal5033

Cerrando el tema. He encontrado la solución

AH1N1

Tengo el mismo problema. ¿Podrías dar una solución, por favor?

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.

artf

Las entradas están vinculadas al destino (Componentes/Reglas Css), así que no tiene sentido cambiar solo la entrada, tienes que actualizar el destino (por ejemplo, 'editor.getSelectedToStyle().addStyle({ 'margin-top': 0 })')

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.

artf

Solo mirando el archivo fuente https://raw.githubusercontent.com/artf/grapesjs/dev/dist/grapes.js De dónde viene la parte interesante https://github.com/artf/grapesjs/blob/dev/src/domain_abstract/ui/InputColor.js#L93 de hecho, que "C" no e...

ryandeba

Qué raro. Aquí tienes una versión alternativa que no tiene ese problema: https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.45/grapes.js

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.

theanhmx

@artf perdón por esta pregunta tan tonta, ¿Pero cuándo estará disponible la solución en el paquete NPM? ¿O de qué rama puedo extraer manualmente el código con esta corrección y compilació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.

artf

Usa esto '''js editor.getSelected() .addStyle({'imagen-fondo': 'url(${url})'}); ```

suraj740

@artf ¡Gracias por el trabajo increíble, tío! 👍

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.

ppisecky

@artf gracias por tu respuesta. Sin embargo, buscaba un ejemplo más general para determinar si hubo cambios y cuáles fueron, por ejemplo, algo como esto: '''javascript editor.on('component:update', model => { if (model.isChanged()) { //......

artf

Gracias @ppisecky por señalarlo, actualicé el código fuente, pero básicamente cualquier evento relacionado con componentes recibe el modelo activado. Sobre tu caso de 'tamaño de fuente', puedes configurar este oyente '''js editor.on('compo...

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.