/**
* @class Roo.bootstrap.HtmlEditor
- * @extends Roo.bootstrap.Component
+ * @extends Roo.bootstrap.TextArea
* Bootstrap HtmlEditor class
* @constructor
if (!this.toolbars) {
this.toolbars = [];
}
+
this.editorcore = new Roo.HtmlEditorCore(Roo.apply({ owner : this} , config));
this.addEvents({
/**
* @cfg {Array} toolbars Array of toolbars. - defaults to just the Standard one
*/
toolbars : false,
+
+ /**
+ * @cfg {Array} buttons Array of toolbar's buttons. - defaults to empty
+ */
+ btns : [],
/**
* @cfg {String} resizable 's' or 'se' or 'e' - wrapps the element in a
/**
* @cfg {Number} width (in pixels)
*/
- width: 500,
+ width: false,
/**
* @cfg {Array} stylesheets url of stylesheets. set to [] to disable stylesheets.
iframePad:3,
hideMode:'offsets',
-
tbContainer : false,
+ bodyCls : '',
+
toolbarContainer :function() {
return this.wrap.select('.x-html-editor-tb',true).first();
},
* add custom toolbar buttons.
* @param {HtmlEditor} editor
*/
- createToolbar : function(editor){
-
-
- this.addxtypeChild({
-
+ createToolbar : function(){
+ Roo.log('renewing');
+ Roo.log("create toolbars");
- xtype: 'Navbar',
- xns: Roo.bootstrap,
- bar: true,
- items : [
- {
- xtype: 'NavGroup',
- xns: Roo.bootstrap,
- items : [
- {
- xtype: 'Item',
- xns: Roo.bootstrap.Navbar,
- html: "nav",
- href : 'http://roojs.com',
-
- menu: {
- xtype: 'Menu',
- xns: Roo.bootstrap,
- items : [
- {
- xtype: 'MenuItem',
- xns: Roo.bootstrap,
- html: "hello",
- href : 'http://roojs.com'
- },
- {
- xtype: 'MenuSeparator',
- xns: Roo.bootstrap,
- },
- {
- xtype: 'MenuItem',
- xns: Roo.bootstrap,
- html: "hello",
- href: 'http://roojs.com'
- }
- ]
- }
- }
- ]
- },
- {
-
- xtype: 'Button',
- xns: Roo.bootstrap,
- weight: 'default',
- html : 'submit'
- }
-
- ]
-
-
- }, 'toolbarContainer')
+ this.toolbars = [ new Roo.bootstrap.htmleditor.ToolbarStandard({editor: this} ) ];
+ this.toolbars[0].render(this.toolbarContainer());
- Roo.log("create toolbars");
return;
- if (!editor.toolbars || !editor.toolbars.length) {
- editor.toolbars = [ new Roo.bootstrap.HtmlEditor.ToolbarStandard() ]; // can be empty?
- }
-
- for (var i =0 ; i < editor.toolbars.length;i++) {
- editor.toolbars[i] = Roo.factory(
- typeof(editor.toolbars[i]) == 'string' ?
- { xtype: editor.toolbars[i]} : editor.toolbars[i],
- Roo.bootstrap.HtmlEditor);
- editor.toolbars[i].init(editor);
- }
-
+// if (!editor.toolbars || !editor.toolbars.length) {
+// editor.toolbars = [ new Roo.bootstrap.HtmlEditor.ToolbarStandard() ]; // can be empty?
+// }
+//
+// for (var i =0 ; i < editor.toolbars.length;i++) {
+// editor.toolbars[i] = Roo.factory(
+// typeof(editor.toolbars[i]) == 'string' ?
+// { xtype: editor.toolbars[i]} : editor.toolbars[i],
+// Roo.bootstrap.HtmlEditor);
+// editor.toolbars[i].init(editor);
+// }
},
onRender : function(ct, position)
{
// Roo.log("Call onRender: " + this.xtype);
-
+ var _t = this;
Roo.bootstrap.HtmlEditor.superclass.onRender.call(this, ct, position);
this.wrap = this.inputEl().wrap({
this.createToolbar(this);
- if(!this.width){
+ if(!this.width && this.resizable){
this.setSize(this.wrap.getSize());
}
if (this.resizeEl) {
// should trigger onReize..
}
-// if(this.autosave && this.w){
-// this.autoSaveFn = setInterval(this.autosave, 1000);
-// }
},
// private
onResize : function(w, h)
{
- //Roo.log('resize: ' +w + ',' + h );
+ Roo.log('resize: ' +w + ',' + h );
Roo.bootstrap.HtmlEditor.superclass.onResize.apply(this, arguments);
var ew = false;
var eh = false;
ew = aw;
}
if(typeof h == 'number'){
- var tbh = 0;
+ var tbh = -11; // fixme it needs to tool bar size!
for (var i =0; i < this.toolbars.length;i++) {
// fixme - ask toolbars for heights?
- tbh += this.toolbars[i].tb.el.getHeight();
- if (this.toolbars[i].footer) {
- tbh += this.toolbars[i].footer.el.getHeight();
- }
+ tbh += this.toolbars[i].el.getHeight();
+ //if (this.toolbars[i].footer) {
+ // tbh += this.toolbars[i].footer.el.getHeight();
+ //}
}
+
// Roo.log('in');
// Roo.log(this.syncValue());
- this.editorcore.syncValue();
- this.inputEl().removeClass('hide');
+ this.syncValue();
+ this.inputEl().removeClass(['hide', 'x-hidden']);
this.inputEl().dom.removeAttribute('tabIndex');
this.inputEl().focus();
}else{
Roo.log('editor - hiding textarea');
// Roo.log('out')
// Roo.log(this.pushValue());
- this.editorcore.pushValue();
+ this.pushValue();
- this.inputEl().addClass('hide');
+ this.inputEl().addClass(['hide', 'x-hidden']);
this.inputEl().dom.setAttribute('tabIndex', -1);
//this.deferFocus();
}
- this.setSize(this.wrap.getSize());
+ if(this.resizable){
+ this.setSize(this.wrap.getSize());
+ }
+
this.fireEvent('editmodechange', this, this.editorcore.sourceEditMode);
},
this.originalValue = this.getValue();
},
- /**
- * Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide
- * @method
- */
- markInvalid : Roo.emptyFn,
- /**
- * Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide
- * @method
- */
- clearInvalid : Roo.emptyFn,
+// /**
+// * Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide
+// * @method
+// */
+// markInvalid : Roo.emptyFn,
+// /**
+// * Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide
+// * @method
+// */
+// clearInvalid : Roo.emptyFn,
setValue : function(v){
Roo.bootstrap.HtmlEditor.superclass.setValue.call(this, v);
// private
syncValue : function()
- {
+ {
this.editorcore.syncValue();
+ },
+
+ pushValue : function()
+ {
+ this.editorcore.pushValue();
}
/**
* @cfg {String} inputType @hide
*/
- /**
- * @cfg {String} invalidClass @hide
- */
+
/**
* @cfg {String} invalidText @hide
*/
projects / roojs1 / blobdiff