De CSS en línea a clase
Si buscas 'forceClass' verás que solo hace una cosa https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Components.js#L77 Así que cuando añades un nuevo componente y hay un atributo 'style' que no está vacío, todas sus propiedades se moverán a una nueva clase, así que lo siento, probablemente tenga que...
Lee la respuesta completa abajo ↓Pregunta
@artf gracias por el increíble proyecto, la edición del sitio es mucho más sencilla.
Por defecto, el editor convierte CSS en línea a Class, pero ¿existe alguna opción para no convertir CSS en línea a Clase porque no queremos convertirlo en Class?
Respuestas (3)
Si buscas 'forceClass' verás que solo hace una cosa https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Components.js#L77 Así que cuando añades un nuevo componente y hay un atributo 'style' que no está vacío, todas sus propiedades se moverán a una nueva clase, así que lo siento, probablemente tenga que cambiar su nombre porque parece confundir a mucha gente
Para la nueva opción propuesta, estaba pensando en algo que simplemente recupere estilos '#ids' dentro del componente 'style', pero si hablamos también de '.classes', bueno, no creo que necesitemos este tipo de característica dentro del núcleo. Así que, si necesitas alinear todos tus estilos, simplemente usa 'zumo' como hice yo aquí https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/openExportCommand.js
@ryandeba 'editor.runCommand('gjs-get-inlined-html')' :)
¿Has probado con 'forceClass'? '''js grapesjs.init({ ... forceClass: false, })
Yo también quiero hacer lo mismo, pero poner forceClass en falso no parece funcionar.
Hice un JSFiddle mínimo aquí que intenta usar css en línea en lugar de clases, pero el editor siempre mueve el estilo a clases, incluso con forceClass configurado en false. ¿Me estoy perdiendo de algo?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1673
[Descendencia] Grapesjs no funciona cuando se usa con dispositivos móviles (iphone, ipad)
Primero, gracias por crear este increíble marco @artf. He integrado este framework con mi proyecto y quiero que se utilice a través de disp...
Issue #428
Cambiar el fondo del cuerpo
Hola, Antes que nada, quiero daros las gracias por este proyecto increíble! Tengo algunas preguntas sobre el editor, y más concretamente so...
Issue #1307
Pregunta: Para detener las clases generadas dinámicamente en uvas Editor
Hola @artf ¿hay alguna forma de dejar de generar clases dinámicamente en el editor de recarga? Por ejemplo, cuando añado mi clase personali...
Issue #1426
Haz que algún elemento no sea editable por defecto.
@artf cómo podemos configurar alguna configuración para que, al importar HTML en el editor, no considere algún elemento como componente de...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.