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.form,
  48                                             name : 'thanks-email',
  49                                             width : 1000,
  50                                             height : 500,
  51                                                                                         resize : 'vertical',
  52                                             stylesheets : (function(){
  53                                                 var css = [];
  54
  55                                                 css.push('../css-bootstrap/bootstrap.css');
  56                                                 css.push('../css-bootstrap/font-awesome.css');
  57                                                 //css.push(rootURL + '/Campaign/editor/editor.css');
  58
  59                                                 return css;
  60                                             })(),
  61                                             listeners : {
  62                                                 render : function (_self)
  63                                                 {
  64                                                     _this.previewPanel = _self;
  65                                                 }
  66                                             }
  67                                         }
  68
  69                                     ]
  70
  71                                 }
  72                             ]
  73
  74                         }
  75                     ]
  76
  77                 }
  78             ]
  79         };
  80     }
  81 });