MDL-45536 atto_html: Update the textarea size when switching to HTML view

This commit is contained in:
Andrew Nicols 2014-05-22 10:47:32 +08:00
parent 37d39fe348
commit ae14a50114
4 changed files with 28 additions and 1 deletions

View File

@ -97,10 +97,19 @@ Y.namespace('M.atto_html').Button = Y.Base.create('button', Y.M.editor_atto.Edit
// Copy the text to the contenteditable div.
host.updateOriginal();
// Get the width, padding, and margin of the editor.
host.textarea.setStyles({
'width': this.editor.getComputedStyle('width'),
'height': this.editor.getComputedStyle('height'),
'margin': this.editor.getComputedStyle('margin'),
'padding': this.editor.getComputedStyle('padding')
});
// Hide the editor, and show the textarea.
this.editor.hide();
host.textarea.show();
// Focus on the textarea.
host.textarea.focus();
}

View File

@ -1 +1 @@
YUI.add("moodle-atto_html-button",function(e,t){e.namespace("M.atto_html").Button=e.Base.create("button",e.M.editor_atto.EditorPlugin,[],{initializer:function(){this.addButton({icon:"e/source_code",callback:this._toggleHTML})},_toggleHTML:function(){this.set("isHTML",!this.get("isHTML")),this._showHTML()},_showHTML:function(){var e=this.get("host");this.get("isHTML")?(this.highlightButtons("html"),e.disablePlugins(),e.enablePlugins(this.name),e.updateOriginal(),this.editor.hide(),e.textarea.show(),e.textarea.focus()):(this.unHighlightButtons("html"),e.enablePlugins(),e.updateFromTextArea(),e.textarea.hide(),this.editor.show(),e.focus(),this.markUpdated())}},{ATTRS:{isHTML:{value:!1}}})},"@VERSION@",{requires:["moodle-editor_atto-plugin","event-valuechange"]});
YUI.add("moodle-atto_html-button",function(e,t){e.namespace("M.atto_html").Button=e.Base.create("button",e.M.editor_atto.EditorPlugin,[],{initializer:function(){this.addButton({icon:"e/source_code",callback:this._toggleHTML})},_toggleHTML:function(){this.set("isHTML",!this.get("isHTML")),this._showHTML()},_showHTML:function(){var e=this.get("host");this.get("isHTML")?(this.highlightButtons("html"),e.disablePlugins(),e.enablePlugins(this.name),e.updateOriginal(),e.textarea.setStyles({width:this.editor.getComputedStyle("width"),height:this.editor.getComputedStyle("height"),margin:this.editor.getComputedStyle("margin"),padding:this.editor.getComputedStyle("padding")}),this.editor.hide(),e.textarea.show(),e.textarea.focus()):(this.unHighlightButtons("html"),e.enablePlugins(),e.updateFromTextArea(),e.textarea.hide(),this.editor.show(),e.focus(),this.markUpdated())}},{ATTRS:{isHTML:{value:!1}}})},"@VERSION@",{requires:["moodle-editor_atto-plugin","event-valuechange"]});

View File

@ -97,10 +97,19 @@ Y.namespace('M.atto_html').Button = Y.Base.create('button', Y.M.editor_atto.Edit
// Copy the text to the contenteditable div.
host.updateOriginal();
// Get the width, padding, and margin of the editor.
host.textarea.setStyles({
'width': this.editor.getComputedStyle('width'),
'height': this.editor.getComputedStyle('height'),
'margin': this.editor.getComputedStyle('margin'),
'padding': this.editor.getComputedStyle('padding')
});
// Hide the editor, and show the textarea.
this.editor.hide();
host.textarea.show();
// Focus on the textarea.
host.textarea.focus();
}

View File

@ -95,10 +95,19 @@ Y.namespace('M.atto_html').Button = Y.Base.create('button', Y.M.editor_atto.Edit
// Copy the text to the contenteditable div.
host.updateOriginal();
// Get the width, padding, and margin of the editor.
host.textarea.setStyles({
'width': this.editor.getComputedStyle('width'),
'height': this.editor.getComputedStyle('height'),
'margin': this.editor.getComputedStyle('margin'),
'padding': this.editor.getComputedStyle('padding')
});
// Hide the editor, and show the textarea.
this.editor.hide();
host.textarea.show();
// Focus on the textarea.
host.textarea.focus();
}