Issue #546💬 RespondidoAbierto el 20 de noviembre de 2017por krunal039Reacciones 1

De CSS en línea a clase

Respuesta rápidapor artf1

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)

artf1 de diciembre de 2017

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')' :)

artf21 de noviembre de 2017

¿Has probado con 'forceClass'? '''js grapesjs.init({ ... forceClass: false, })

francesca-cicileo21 de noviembre de 2017

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.