JSFiddle - React, Tailwind, and code Playground

by magnalox

HTML

<script src="http://qrext.googlecode.com/files/qrextV10_min.js"></script>
<link rel="stylesheet" href="http://docs.sencha.com/ext-js/4-0/resources/css/app.css">
Full source and doc <a href="http://code.google.com/p/qrext/" target="_blank">here</a>. Click a code for "fullscreen" display.

JavaScript

Ext.onReady(function() {
    
    Ext.create('Ext.Window', {

        title: 'Text &amp; QR',
        layout: 'column',
        width: 400,
        plain: true,
        border: 0,
        shadow: false, // jsfiddle seems to have a layout quirk here
        autoShow: true,
        defaults: {
            margin: 20
        },
        items: [{
            columnWidth: 0.90,
            html: Ext.String.repeat(' asd gds kha dawc lsne', 13) + '.',
            bodyStyle: 'background:transparent',
            border: 0},
        {
            xtype: 'qrpanel',
            textToEncode: 'http://code.google.com/p/qrext/'}]

    });
    
});