git.roojs.org Git - roojs1/blob - examples/bootstrap/Editor.js

   1
   2
   3 Roo.example = Roo.example || {};
   4
   5 Roo.example.Editor = new Roo.XComponent({
   6     part     :  ["layout","viewpanel"],
   7     order    : '001-viewpanel',
   8     region   : '',
   9     parent   : false,
  10     name     : "unnamed module",
  11     disabled : false,
  12     permname : '',
  13     _tree : function()
  14     {
  15
  16         var _this = this;
  17         var MODULE = this;
  18
  19         return {
  20             xtype: 'Body',
  21             xns: Roo.bootstrap,
  22             items : [
  23                  {
  24                     xtype : 'Container',
  25                     cls : 'content',
  26                     xns : Roo.bootstrap,
  27                     style : 'margin-top:100px',
  28                     items : [
  29                         {
  30                             xtype : 'Container',
  31                             cls : 'pad-wrapper',
  32                             xns : Roo.bootstrap,
  33                             items : [
  34                                 {
  35                                     xtype : 'Container',
  36                                     cls : 'container alpha',
  37                                     xns : Roo.bootstrap,
  38                                     items : [
  39                                         {
  40                                             level : 4,
  41                                             xtype : 'Header',
  42                                             html : 'Inline Editor',
  43                                             xns : Roo.bootstrap
  44                                         },
  45                                         {
  46                                             xtype : 'HtmlEditor',
  47                                             xns : Roo.bootstrap,
  48                                             name : 'thanks-email',
  49                                             width : 1000,
  50                                             height : 1500,
  51                                             stylesheets : (function(){
  52                                                 var css = [];
  53
  54                                                 css.push('../css-bootstrap/bootstrap.css');
  55                                                 css.push('../css-bootstrap/font-awesome.css');
  56                                                 //css.push(rootURL + '/Campaign/editor/editor.css');
  57
  58                                                 return css;
  59                                             })(),
  60                                             listeners : {
  61                                                 render : function (_self)
  62                                                 {
  63                                                     _this.previewPanel = _self;
  64                                                 }
  65                                             }
  66                                         }
  67
  68                                     ]
  69
  70                                 }
  71                             ]
  72
  73                         }
  74                     ]
  75
  76                 }
  77             ]
  78         };
  79     }
  80 });