¿Qué es la opción protegida Css? ¿Cómo se usa?

Hola @dukie66 una forma de añadir estilos predeterminados es añadir una hoja de estilos en la inicialización de GrapeJS. Esto cargará dentro del lienzo la hoja de estilo

const editor = grapesjs.init({
        contenedor: '#gjs',
        lienzo: {
            Estilos: [
                "http://path.to/style.css
            ]
        }
    }

Es necesario escribir la URL completa para cargar la hoja de estilo CSS.

lienzo:{ estilos:[ http://yourdomaon.com/css/canvas.css' ] },

o

lienzo:{ estilos:[ 'http://localhost:8000/css/canvas.css' ] },

Aquí tienes un ejemplo usando protectedCss. Revisa tus reglas CSS por si estás escribiendo algo mal.

https://codepen.io/jcarizza/pen/rNNeQvG

@jcarizza Gracias por comentar. Si ves que cuando exportas lienzo, siempre hay algunos estilos predeterminados para "cuerpo" y "*". Así, quiero darle a mi total "img" un ancho de elemento del 100%. Poner un archivo CSS externo en la opción canvas no me funciona. Quizá estoy haciendo algo mal. 'lienzo:{ Estilos:[ './css/canvas.css' ]
},`