grey out tinymce controls when readonly

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");
                 }
             }
         );

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 {