Permitir al usuario añadir dinámicamente una hoja de estilo global al canvas

Hola @anushabivera si quieres cargar las hojas de estilo en init (local y con CDN) puedes simplemente añadir los enlaces css/js a la propiedad canvas en la función init del editor, así:

const editor = grapesjs.init({
    ...
    lienzo: {
        Estilos: [
            'example-of-css-file.css',
            'otro-css-va-aquí'
        ],
        guiones: [
            'example-of-js-file.js',
            'otro-js-va-aquí'
        ]
    }
});

Si quieres añadirlos dinámicamente puedes probar esto (ejemplo con materialize):

cabeza const = editor. Canvas.getDocument().head;
head.insertAdjacentHTML('beforeend', '<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">');
head.insertAdjacentHTML('beforeend', '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">');
head.insertAdjacentHTML('beforeend', '<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>');

Por cierto: Esta pregunta ya se ha hecho, si tienes dudas, puedes obtener más información abajo (principalmente sobre 66 y 1739): #66 #195 #444 #473 #966 #1739