diff --git a/javascript/src/Helper/tinyMCE.js b/javascript/src/Helper/tinyMCE.js
index 5a782cb1adc08a52de8aebf38e642a94e8e4563a..2ab8a91197f9d7813fb25a8b7c7eafe961d4810a 100644
--- a/javascript/src/Helper/tinyMCE.js
+++ b/javascript/src/Helper/tinyMCE.js
@@ -75,8 +75,10 @@ QfqNS.Helper = QfqNS.Helper || {};
                     $parent.on("change", function(e, configuration) {
                         if(configuration.disabled || configuration.readonly) {
                             me.setMode("readonly");
+                            $(this).siblings(".mce-tinymce").addClass("qfq-tinymce-readonly");
                         } else {
                             me.setMode("design");
+                            $(this).siblings(".mce-tinymce").removeClass("qfq-tinymce-readonly");
                         }
                     });
                 };
@@ -84,6 +86,7 @@ QfqNS.Helper = QfqNS.Helper || {};
                 tinymce.init(config);
                 if($(this).is('[disabled]')) {
                     myEditor.setMode("readonly");
+                    $(this).siblings(".mce-tinymce").addClass("qfq-tinymce-readonly");
                 }
             }
         );
diff --git a/less/qfq-bs.css.less b/less/qfq-bs.css.less
index 03409e4ea9668f5e889678c377704cb618e2f6b5..217e1cd6941af59cb40c3b8db96b0d33ca516ae3 100644
--- a/less/qfq-bs.css.less
+++ b/less/qfq-bs.css.less
@@ -353,6 +353,10 @@ i.@{spinner_class} {
 
 /* ERROR END */
 
+.qfq-tinymce-readonly .mce-panel {
+  background-color: #eee;
+}
+
 
 /* inline elements in horizontal mode are too much left */
 .form-horizontal {