Improve formatting of action data.

backend/src/Squidex/Areas/Api/Controllers/News/Service/FeaturesService.cs

@@ -9,6 +9,8 @@ using Microsoft.Extensions.Options;
 using Squidex.Areas.Api.Controllers.News.Models;
 using Squidex.ClientLibrary;
 
+#pragma warning disable RECS0022 // A catch clause that catches System.Exception and has an empty body
+
 namespace Squidex.Areas.Api.Controllers.News.Service
 {
     public sealed class FeaturesService

frontend/src/app/features/rules/pages/simulator/simulated-rule-event.component.html

@@ -53,7 +53,7 @@
                                 <div class="history-state">
                                     <label>{{ 'rules.actionData' | sqxTranslate }}</label>
 
-                                    <sqx-code-editor [ngModel]="event.actionData" valueMode="Json" [disabled]="true" [wordWrap]="true" height="auto" [maxLines]="20"></sqx-code-editor>
+                                    <sqx-code-editor [ngModel]="event.actionData" valueMode="JsonString" [disabled]="true" [wordWrap]="true" height="auto" [maxLines]="20"></sqx-code-editor>
                                 </div>
 
                                 <sqx-rule-transition text="i18n:rules.simulation.actionExecuted"></sqx-rule-transition>

frontend/src/app/framework/angular/forms/editors/code-editor.component.ts

@@ -46,7 +46,7 @@ export class CodeEditorComponent extends StatefulControlComponent<{}, string> im
     public valueFile = '';
 
     @Input()
-    public valueMode: 'String' | 'Json' = 'String';
+    public valueMode: 'String' | 'Json' | 'JsonString' = 'String';
 
     @Input()
     public maxLines: number | undefined;
@@ -92,21 +92,21 @@ export class CodeEditorComponent extends StatefulControlComponent<{}, string> im
     }
 
     public writeValue(obj: string) {
-        if (this.valueMode === 'Json') {
-            if (obj === null) {
-                this.value = '';
-            } else {
         try {
-                    this.value = JSON.stringify(obj, undefined, 4);
-                } catch (e) {
+            if (Types.isNull(obj) || Types.isUndefined(obj)) {
                 this.value = '';
-                }
-            }
+            } else if (Types.isString(obj) && this.valueMode === 'JsonString') {
+                this.value = JSON.stringify(JSON.parse(obj), undefined, 4);
             } else if (Types.isString(obj)) {
                 this.value = obj;
+            } else if (this.valueMode === 'Json') {
+                this.value = JSON.stringify(obj, undefined, 4);
             } else {
                 this.value = '';
             }
+        } catch {
+            this.value = '';
+        }
     
         if (this.aceEditor) {
             this.setValue(this.value);