diff --git a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css index 47ecf62be..f9c89328d 100644 --- a/modules/backend/formwidgets/richeditor/assets/css/richeditor.css +++ b/modules/backend/formwidgets/richeditor/assets/css/richeditor.css @@ -65,7 +65,8 @@ top: 32px; background-color: #e0e0e0; } -.field-richeditor.stretch .redactor_box iframe { +.field-richeditor.stretch .redactor_box iframe, +.field-richeditor.stretch .redactor_box textarea { display: block; position: absolute; height: 100%!important; diff --git a/modules/backend/formwidgets/richeditor/assets/js/richeditor.js b/modules/backend/formwidgets/richeditor/assets/js/richeditor.js index 9fecb45ee..94ae339c5 100644 --- a/modules/backend/formwidgets/richeditor/assets/js/richeditor.js +++ b/modules/backend/formwidgets/richeditor/assets/js/richeditor.js @@ -63,25 +63,25 @@ } RichEditor.prototype.build = function() { - var $iframe = $('iframe', this.$el), + var $editors = $('iframe, textarea', this.$el), $toolbar = $('.redactor_toolbar', this.$el), $html = $('html') - if (!$iframe.length) + if (!$editors.length) return if (this.$el.hasClass('stretch')) { - $iframe.css('padding-top', $toolbar.height()) + $editors.css('padding-top', $toolbar.height()) } /* * Replicate hotkeys to parent container */ - $iframe.contents().find('html').on('keydown', function(event){ + $editors.contents().find('html').on('keydown', function(event){ $html.triggerHandler(event) }) - $iframe.contents().find('html').on('keyup', function(event){ + $editors.contents().find('html').on('keyup', function(event){ $html.triggerHandler(event) }) } diff --git a/modules/backend/formwidgets/richeditor/assets/less/richeditor.less b/modules/backend/formwidgets/richeditor/assets/less/richeditor.less index 54dc81578..3cf906006 100644 --- a/modules/backend/formwidgets/richeditor/assets/less/richeditor.less +++ b/modules/backend/formwidgets/richeditor/assets/less/richeditor.less @@ -58,7 +58,7 @@ } } - iframe { + iframe, textarea { display: block; position: absolute; height: 100%!important;