Issue #3824: disable editing for readonly richtext dynamic fields

RotherOSS · Oct 28, 2024 · b67625a · b67625a
1 parent 16a0b55
commit b67625a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/Kernel/System/DynamicField/Driver/RichText.pm b/Kernel/System/DynamicField/Driver/RichText.pm
@@ -129,6 +129,11 @@ sub EditFieldRender {
         $FieldClass .= ' Validate_Required';
     }
 
+    # set readonly css class
+    if ( $Param{Readonly} ) {
+        $FieldClass .= ' ReadOnly';
+    }
+
     # set error css class
     if ( $Param{ServerError} ) {
         $FieldClass .= ' ServerError';

diff --git a/var/httpd/htdocs/js/Core.UI.RichTextEditor.js b/var/httpd/htdocs/js/Core.UI.RichTextEditor.js
@@ -272,6 +272,11 @@ Core.UI.RichTextEditor = (function (TargetNS) {
                     $domEditableElement = $($EditorArea).closest(".RichTextHolder");
                 }
 
+                //Set to Readonly mode if required
+                if ($EditorArea.hasClass('ReadOnly')) {
+                    editor.enableReadOnlyMode('DF_Readonly');
+                }
+
                 var sourceEditingActive = false;
 
                 $domEditableElement.resizable();

diff --git a/var/httpd/htdocs/skins/Customer/default/css/CKEditorCustomStyles.css b/var/httpd/htdocs/skins/Customer/default/css/CKEditorCustomStyles.css
@@ -82,3 +82,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
     font-size: 16px;
     color: #ea2400;
 }
+
+textarea.ReadOnly ~ .ck .ck-editor__editable {
+    box-shadow: inset 0px 0px 8px 2px #bfbfce;
+    box-shadow: inset 0px 0px 8px 2px var(--colBGDark);
+}