diff --git a/src/canvas/model/Canvas.js b/src/canvas/model/Canvas.js index 1f0d98264..d9a088134 100644 --- a/src/canvas/model/Canvas.js +++ b/src/canvas/model/Canvas.js @@ -15,11 +15,11 @@ export default Backbone.Model.extend({ initialize(config = {}) { const { styles = [], scripts = [] } = config; - const frame = new Frame(); + const frame = new Frame({}, config); styles.forEach(style => frame.addLink(style)); scripts.forEach(script => frame.addScript(script)); this.set('frame', frame); - this.set('frames', new Frames([frame])); + this.set('frames', new Frames([frame], config)); this.listenTo(this, 'change:zoom', this.onZoomChange); }, diff --git a/src/canvas/model/Frame.js b/src/canvas/model/Frame.js index 73cd5fabf..b042890db 100644 --- a/src/canvas/model/Frame.js +++ b/src/canvas/model/Frame.js @@ -22,6 +22,7 @@ export default Backbone.Model.extend({ this.set('head', []); const modOpts = { em: opts.em, + config: opts.em.get('DomComponents').getConfig(), frame: this }; diff --git a/src/canvas/view/FrameView.js b/src/canvas/view/FrameView.js index d67f767d3..039cec69e 100644 --- a/src/canvas/view/FrameView.js +++ b/src/canvas/view/FrameView.js @@ -284,8 +284,26 @@ export default Backbone.View.extend({ ${conf.protectedCss || ''} ` ); - append(body, new ComponentView({ model: root, config }).render().el); - append(body, new CssRulesView({ collection: styles, config }).render().el); + append( + body, + new ComponentView({ + model: root, + config: { + ...root.config, + frameView: this + } + }).render().el + ); + append( + body, + new CssRulesView({ + collection: styles, + config: { + ...em.get('CssComposer').getConfig(), + frameView: this + } + }).render().el + ); append(body, this.getJsContainer()); // em.trigger('loaded'); // I need to manage only the first one maybe //this.updateOffset(); // TOFIX (check if I need it) diff --git a/src/css_composer/index.js b/src/css_composer/index.js index ba5fe803f..7b20c4f22 100644 --- a/src/css_composer/index.js +++ b/src/css_composer/index.js @@ -50,6 +50,10 @@ export default () => { */ name: 'CssComposer', + getConfig() { + return c; + }, + /** * Mandatory for the storage manager * @type {String}