Gallery Loader
YQL
Simple Editor
The HTML
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script> <script src="http://yuilibrary.com/gallery/api/loader"></script>
The Javascript
YUI(YUI_config).use('gallery-simple-editor', 'gallery-yql', function(Y) { var q = new Y.yql('select * from weather.forecast where location=95014'), res = Y.one('#res'); q.on('query', function(r) { var el = Y.Node.create('<div class="mod"></div>'); el.set('innerHTML', '<h2>Weather for 95014</h2>' + r.results.channel.item.description); res.appendChild(el); }); var editor = new Y.Editor.Simple({ node: '#editor', dompath: true, height: '300px', width: '530px', handleSubmit: true, extracss: 'body { font-size: 11px; }' }); editor.render(); });