JSFoo 2015

The future of JavaScript

Rajat Mittal


Tales of a VIEW trapped in an IFRAME - An MVC Drama

Submitted Jul 28, 2015

This talk will introduce the challenges in building WYSIWYG systems using MVC frameworks like Ember.js. UI Bindings have emerged as a useful pattern to provide instant UI feedback but live feedback becomes a challenge when your view is isolated in an external IFRAME.

The talk will cover why IFRAMES are necessary part of building UI’s for curation environments and how UI bindings do not scale elegantly when your VIEW is in an IFRAME. The talk will go on to showcase how cross-frame UI bindings can be extended to work interchangeably with server side rendering of the IFRAME contents.


When your UI is composed of IFRAMES and distributed across domains (in cases of building WYSIWYG apps), UI bindings as a design pattern doesn’t fit automatically and using MVC frameworks become hard.

The talk will first introduce the class of applications (Landing Page Builders for instance) that have a unique WYSIWYG environment composed of Views locked in IFRAMES. It will showcase a production Ember.js application as an example to illustrate the challenges that audience will come across to make UI bindings work in a multi-frame DOM environment.

The talk will then take the audience through an iterative solution set from simple to elegant and will finally showcase how server side rendering of client side templates can be used to scale UI bindings across the IFRAME boundaries.


Working level knowledge of Iframes and JavaScript MVC frameworks(like Emberjs) and how UI bindings work.

Speaker bio

UI developer building multi-channel marketing tools for small businesses. Previously at RockMelt, eBay and GoDaddy. I have been working with JavaScript for the last 5 years primarily building a lot of WYSIWYG tools.




{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more