MDL-41098 atto: Force some styles on the editor

Bootstrap is overriding random styles on the contenteditable div like:
line-height, font-size and color. Silly - force them to be the same as the
textarea we are derived from.

lib/editor/atto/yui/build/moodle-editor_atto-editor/moodle-editor_atto-editor-debug.js

@@ -292,6 +292,9 @@ M.editor_atto = M.editor_atto || {
         textarea.get('parentNode').insert(toolbar, textarea);
         // Add the editable div to the page.
         textarea.get('parentNode').insert(atto, textarea);
+        atto.setStyle('color', textarea.getStyle('color'));
+        atto.setStyle('lineHeight', textarea.getStyle('lineHeight'));
+        atto.setStyle('fontSize', textarea.getStyle('fontSize'));
         // Hide the old textarea.
         textarea.hide();
 

lib/editor/atto/yui/build/moodle-editor_atto-editor/moodle-editor_atto-editor.js

@@ -292,6 +292,9 @@ M.editor_atto = M.editor_atto || {
         textarea.get('parentNode').insert(toolbar, textarea);
         // Add the editable div to the page.
         textarea.get('parentNode').insert(atto, textarea);
+        atto.setStyle('color', textarea.getStyle('color'));
+        atto.setStyle('lineHeight', textarea.getStyle('lineHeight'));
+        atto.setStyle('fontSize', textarea.getStyle('fontSize'));
         // Hide the old textarea.
         textarea.hide();
 

lib/editor/atto/yui/src/editor/js/editor.js

@@ -290,6 +290,9 @@ M.editor_atto = M.editor_atto || {
         textarea.get('parentNode').insert(toolbar, textarea);
         // Add the editable div to the page.
         textarea.get('parentNode').insert(atto, textarea);
+        atto.setStyle('color', textarea.getStyle('color'));
+        atto.setStyle('lineHeight', textarea.getStyle('lineHeight'));
+        atto.setStyle('fontSize', textarea.getStyle('fontSize'));
         // Hide the old textarea.
         textarea.hide();