Demo.RichEditor = BI.inherit(BI.Widget, {
    props: {
        baseCls: "demo-rich-editor"
    },
    render: function () {
        var self = this;
        this.editor = BI.createWidget({
            type: "bi.rich_editor",
            cls: "mvc-border",
            width: 600,
            height: 400
        });
        BI.createWidget({
            type: "bi.vertical",
            element: this,
            hgap: 30,
            vgap: 50,
            items: [this.editor, {
                type: "bi.button",
                text: "focus",
                handler: function () {
                    self.editor.focus();
                }
            }]
        });
    },

    mounted: function () {
        var image = BI.DOM.getImage("测试");
        var src = image.src;
        var style = image.style;

        this.editor.setValue("<div>这是一条<font size=\"4\" color=\"#009de3\">测试</font>数据<img width='" + image.width + "' height='" + image.height + "' src='" + src + "' style='" + style + "' /></div>");
    }
});
BI.shortcut("demo.rich_editor", Demo.RichEditor);