examples/bootstrap/Editor.js
[roojs1] / examples / bootstrap / Editor.js
index d8e4f3e..980bba3 100644 (file)
@@ -6,23 +6,16 @@ Roo.example.Editor = new Roo.XComponent({
     part     :  ["layout","viewpanel"],
     order    : '001-viewpanel',
     region   : '',
-    parent   : '#bootstrap',
+    parent   : false,
     name     : "unnamed module",
     disabled : false, 
     permname : '', 
     _tree : function()
     {
-        
-        this.parent = {
-            el : new Roo.bootstrap.Body()
-        }
-        this.parent.el.layout = false;
-        this.parent.el.render(document.body);
-        
+         
         var _this = this;
         var MODULE = this;
-        var baseURL = '/web.campaign/index.local.php';
-        
+         
         return {
             xtype: 'Body',
             xns: Roo.bootstrap,
@@ -51,18 +44,25 @@ Roo.example.Editor = new Roo.XComponent({
                                         },
                                         {
                                             xtype : 'Panel',
-                                            xns : Roo.bootstrap.editor,
+                                            xns : Roo.bootstrap.HtmlEditor,
+                                            name : 'thanks-email',
                                             width : 1000,
-                                            height : 1000,
-                                            name : 'email-inline-editor',
-                                            items : [
+                                            height : 1500,
+                                            stylesheets : (function(){
+                                                var css = [];
+                                                
+                                                css.push('../css-bootstrap/bootstrap.css');
+                                                css.push('../css-bootstrap/font-awesome.css');
+                                                //css.push(rootURL + '/Campaign/editor/editor.css');
+                                                
+                                                return css;
+                                            })(),
+                                            listeners : {
+                                                render : function (_self)
                                                 {
-                                                    level : 4,
-                                                    xtype : 'Header',
-                                                    html : 'Inline Editor',
-                                                    xns : Roo.bootstrap
+                                                    _this.previewPanel = _self;
                                                 }
-                                            ]
+                                            }
                                         }
                                         
                                     ]