cms settings - revised course overview textarea to display as codemirror field on page load

cms/static/js/views/settings/main_settings_view.js

@@ -177,6 +177,7 @@ CMS.Views.Settings.Details = CMS.Views.ValidatingView.extend({
 		}
 		
 		this.$el.find(this.fieldToSelectorMap['overview']).val(this.model.get('overview'));
+		this.codeMirrorize(null, $('#course-overview')[0]);
 		
 		this.$el.find('.current-course-introduction-video iframe').attr('src', this.model.videosourceSample());
 		if (this.model.has('intro_video')) {
@@ -268,11 +269,18 @@ CMS.Views.Settings.Details = CMS.Views.ValidatingView.extend({
 		}
 	},
 	codeMirrors : {},
-	codeMirrorize : function(e) {
-		if (!this.codeMirrors[e.currentTarget.id]) {
+	codeMirrorize : function(e, forcedTarget) {
+		if (forcedTarget) {
+			thisTarget = forcedTarget;
+			thisTarget.id = $(thisTarget).attr('id');
+		} else {
+			thisTarget = e.currentTarget;
+		}
+
+		if (!this.codeMirrors[thisTarget.id]) {
 			var cachethis = this;
-			var field = this.selectorToField['#' + e.currentTarget.id];
-			this.codeMirrors[e.currentTarget.id] = CodeMirror.fromTextArea(e.currentTarget, {
+			var field = this.selectorToField['#' + thisTarget.id];
+			this.codeMirrors[thisTarget.id] = CodeMirror.fromTextArea(thisTarget, {
 				mode: "text/html", lineNumbers: true, lineWrapping: true,
 				onBlur : function(mirror) {
 					mirror.save();

cms/templates/settings.html

@@ -212,7 +212,7 @@ from contentstore import utils
                 <label for="course-overview">Course Overview:</label>
                 <div class="field">
                   <div class="input">
-                    <textarea class="long tall edit-box tinymce" id="course-overview"></textarea>
+                    <textarea class="long tall tinymce text-editor" id="course-overview"></textarea>
                     <span class="tip tip-stacked">Introductions, prerequisites, FAQs that are used on <a href="${utils.get_lms_link_for_item(context_course.location, True)}">your course summary page</a></span>
                   </div>
                 </div>