@taon-dev/cms 21.0.19 → 21.0.20

package/ts-source/websql-code/taon-posts/taon-cms-post/i18n/taon-cms-post.component.ts.pl-PL.i18n.data.ts

@@ -29,6 +29,7 @@ export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsPostTaonCmsPostComp
             "Normal post"?: string;
             "Permissions could not be loaded. Please try again."?: string;
             "Please select an image for the thumbnail."?: string;
+            "Post body"?: string;
             "Related posts could not be loaded. Please try again."?: string;
             "Tell your story..."?: string;
             "The media could not be uploaded. Please try again."?: string;
@@ -53,167 +54,172 @@ export default {
     "tags": [
         {
             "gettextString": "A short introduction...",
-            "lineNumber": 108,
-            "translation": "Krótkie wprowadzenie"
+            "lineNumber": 122,
+            "translation": "Krótkie wprowadzenie..."
         },
         {
             "gettextString": "Title",
-            "lineNumber": 112,
+            "lineNumber": 126,
             "translation": "Tytuł"
         },
         {
             "gettextString": "Tell your story...",
-            "lineNumber": 115,
-            "translation": "Opowiedz nam twoją historię..."
+            "lineNumber": 129,
+            "translation": "Opowiedz swoją historię..."
         },
         {
             "gettextString": "Normal post",
-            "lineNumber": 134,
-            "translation": "Normalny post"
+            "lineNumber": 148,
+            "translation": "Zwykły wpis"
         },
         {
             "gettextString": "Video post",
-            "lineNumber": 136,
-            "translation": "Wideo post"
+            "lineNumber": 150,
+            "translation": "Wpis wideo"
         },
         {
             "gettextString": "Audio post",
-            "lineNumber": 137,
-            "translation": "Audio post"
+            "lineNumber": 151,
+            "translation": "Wpis audio"
         },
         {
             "gettextString": "Attachment post",
-            "lineNumber": 140,
-            "translation": "Załącznik post"
+            "lineNumber": 154,
+            "translation": "Wpis z załącznikiem"
         },
         {
             "gettextString": "Video Attachment",
-            "lineNumber": 148,
-            "translation": "Przyłączenie do filmu"
+            "lineNumber": 162,
+            "translation": "Załącznik wideo"
         },
         {
             "gettextString": "Upload video",
-            "lineNumber": 149,
-            "translation": "Wstępuj do wideo"
+            "lineNumber": 163,
+            "translation": "Prześlij wideo"
         },
         {
             "gettextString": "Audio Attachment",
-            "lineNumber": 155,
-            "translation": "Przyłączenie do dźwięku"
+            "lineNumber": 169,
+            "translation": "Załącznik audio"
         },
         {
             "gettextString": "Upload audio",
-            "lineNumber": 156,
-            "translation": "/Przesłanie dźwięku"
+            "lineNumber": 170,
+            "translation": "Prześlij audio"
         },
         {
             "gettextString": "File Attachment",
-            "lineNumber": 162,
-            "translation": "Przyłączenie plików"
+            "lineNumber": 176,
+            "translation": "Załącznik pliku"
         },
         {
             "gettextString": "Upload file",
-            "lineNumber": 163,
-            "translation": "Wstąpienie pliku"
+            "lineNumber": 177,
+            "translation": "Prześlij plik"
+        },
+        {
+            "gettextString": "Post body",
+            "lineNumber": 389
         },
         {
             "gettextString": "The thumbnail could not be loaded.",
-            "lineNumber": 378,
+            "lineNumber": 501,
             "translation": "Nie udało się wczytać miniatury."
         },
         {
             "gettextString": "Media preview could not be loaded. Please reopen the editor to try again.",
-            "lineNumber": 447,
-            "translation": "Przejrzenie mediów nie mogło być załadowane. Proszę ponownie otworzyć redaktor, aby spróbować ponownie."
+            "lineNumber": 590,
+            "translation": "Nie udało się załadować podglądu multimediów. Otwórz ponownie edytor, aby spróbować jeszcze raz."
         },
         {
             "gettextString": "Categories and tags could not be loaded. Please try again.",
-            "lineNumber": 500,
+            "lineNumber": 655,
             "translation": "Nie udało się wczytać kategorii i tagów. Spróbuj ponownie."
         },
         {
             "gettextString": "Please select an image for the thumbnail.",
-            "lineNumber": 548,
+            "lineNumber": 703,
             "translation": "Wybierz obraz miniatury."
         },
         {
             "gettextString": "The thumbnail could not be uploaded. Please try again.",
-            "lineNumber": 559,
+            "lineNumber": 714,
             "translation": "Nie udało się przesłać miniatury. Spróbuj ponownie."
         },
         {
             "gettextString": "Related posts could not be loaded. Please try again.",
-            "lineNumber": 626,
-            "translation": "Nie można było założyć powiązanych postów."
+            "lineNumber": 781,
+            "translation": "Nie udało się załadować powiązanych wpisów. Spróbuj ponownie."
         },
         {
             "gettextString": "Application hooks could not be loaded. Please try again.",
-            "lineNumber": 715,
-            "translation": "Nie można było założyć haków aplikacyjnych."
+            "lineNumber": 870,
+            "translation": "Nie udało się załadować hooków aplikacji. Spróbuj ponownie."
         },
         {
             "gettextString": "Permissions could not be loaded. Please try again.",
-            "lineNumber": 766,
-            "translation": "Nie mogliśmy założyć pozwolenia."
+            "lineNumber": 921,
+            "translation": "Nie udało się załadować uprawnień. Spróbuj ponownie."
         },
         {
             "gettextString": "Available permissions could not be loaded. Please try again.",
-            "lineNumber": 839,
-            "translation": "Dostępne uprawnienia nie mogły być załadowane."
+            "lineNumber": 994,
+            "translation": "Nie udało się załadować dostępnych uprawnień. Spróbuj ponownie."
         },
         {
             "gettextString": "Unable to read the selected media file.",
-            "lineNumber": 860,
-            "translation": "Nie można przeczytać wybranych plików multimedialnych."
+            "lineNumber": 1045,
+            "translation": "Nie można odczytać wybranego pliku multimedialnego."
         },
         {
             "gettextString": "The video was uploaded, but its thumbnail could not be generated. Upload a thumbnail or apply a default placeholder.",
-            "lineNumber": 912,
-            "translation": "Film został przesłany, ale nie udało się wygenerować miniatury. Prześlij miniaturę lub zastosuj domyślny obraz."
+            "lineNumber": 1097,
+            "translation": "Wideo zostało przesłane, ale nie udało się wygenerować miniatury. Prześlij miniaturę lub użyj domyślnego obrazu zastępczego."
         },
         {
             "gettextString": "The media could not be uploaded. Please try again.",
-            "lineNumber": 922,
-            "translation": "Media nie mogły zostać przesłane."
+            "lineNumber": 1107,
+            "translation": "Nie udało się przesłać multimediów. Spróbuj ponownie."
         },
         {
             "gettextString": "A title and slug are required.",
-            "lineNumber": 1051,
-            "translation": "Potrzebny jest tytuł i strzał."
+            "lineNumber": 1236,
+            "translation": "Wymagany jest tytuł i slug."
         },
         {
             "gettextString": "A title and slug are required.",
-            "lineNumber": 1087,
-            "translation": "Potrzebny jest tytuł i strzał."
+            "lineNumber": 1272,
+            "translation": "Wymagany jest tytuł i slug."
         },
         {
             "gettextString": "Delete post?",
-            "lineNumber": 1175,
-            "translation": "Wymazać wiadomość?"
+            "lineNumber": 1360,
+            "translation": "Usunąć wpis?"
         },
         {
             "gettextString": "This archives the post. It can be restored from its revisions.",
-            "lineNumber": 1176,
-            "translation": "To archiwum, który można odtworzyć z jego zmian."
+            "lineNumber": 1361,
+            "translation": "Ta operacja archiwizuje wpis. Można go przywrócić z jednej z jego wersji."
         },
         {
             "gettextString": "Delete",
-            "lineNumber": 1179,
+            "lineNumber": 1364,
             "translation": "Usunięcie"
         },
         {
             "gettextString": "The post could not be duplicated. Please try again.",
-            "lineNumber": 1216
+            "lineNumber": 1401,
+            "translation": "Nie udało się zduplikować wpisu. Spróbuj ponownie."
         },
         {
             "gettextString": "No post is loaded.",
-            "lineNumber": 1248,
-            "translation": "Żaden posterunek nie jest załadowany."
+            "lineNumber": 1433,
+            "translation": "Żaden wpis nie jest załadowany."
         },
         {
             "gettextString": "The post could not be saved. Check the slug and your connection. If another user changed it, close and reopen the post before retrying.",
-            "lineNumber": 1360,
-            "translation": "Jeśli inny użytkownik zmienił, zamknij i ponownie otwórz połączenie przed ponownym próbą."
+            "lineNumber": 1545,
+            "translation": "Nie udało się zapisać wpisu. Sprawdź slug i połączenie. Jeśli inny użytkownik go zmienił, zamknij wpis i otwórz go ponownie przed ponowną próbą."
         }
     ]
 };

package/ts-source/websql-code/taon-posts/taon-cms-post/i18n/taon-cms-post.component.ts.pl-PL.po

@@ -4,131 +4,135 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:108
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:122
 msgid "A short introduction..."
-msgstr "Krótkie wprowadzenie"
+msgstr "Krótkie wprowadzenie..."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:112
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:126
 msgid "Title"
 msgstr "Tytuł"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:115
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:129
 msgid "Tell your story..."
-msgstr "Opowiedz nam twoją historię..."
+msgstr "Opowiedz swoją historię..."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:134
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:148
 msgid "Normal post"
-msgstr "Normalny post"
+msgstr "Zwykły wpis"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:136
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:150
 msgid "Video post"
-msgstr "Wideo post"
+msgstr "Wpis wideo"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:137
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:151
 msgid "Audio post"
-msgstr "Audio post"
+msgstr "Wpis audio"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:140
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:154
 msgid "Attachment post"
-msgstr "Załącznik post"
+msgstr "Wpis z załącznikiem"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:148
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:162
 msgid "Video Attachment"
-msgstr "Przyłączenie do filmu"
+msgstr "Załącznik wideo"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:149
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:163
 msgid "Upload video"
-msgstr "Wstępuj do wideo"
+msgstr "Prześlij wideo"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:155
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:169
 msgid "Audio Attachment"
-msgstr "Przyłączenie do dźwięku"
+msgstr "Załącznik audio"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:156
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:170
 msgid "Upload audio"
-msgstr "/Przesłanie dźwięku"
+msgstr "Prześlij audio"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:162
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:176
 msgid "File Attachment"
-msgstr "Przyłączenie plików"
+msgstr "Załącznik pliku"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:163
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:177
 msgid "Upload file"
-msgstr "Wstąpienie pliku"
+msgstr "Prześlij plik"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:378
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:389
+msgid "Post body"
+msgstr ""
+
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:501
 msgid "The thumbnail could not be loaded."
 msgstr "Nie udało się wczytać miniatury."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:447
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:590
 msgid "Media preview could not be loaded. Please reopen the editor to try again."
-msgstr "Przejrzenie mediów nie mogło być załadowane. Proszę ponownie otworzyć redaktor, aby spróbować ponownie."
+msgstr "Nie udało się załadować podglądu multimediów. Otwórz ponownie edytor, aby spróbować jeszcze raz."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:500
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:655
 msgid "Categories and tags could not be loaded. Please try again."
 msgstr "Nie udało się wczytać kategorii i tagów. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:548
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:703
 msgid "Please select an image for the thumbnail."
 msgstr "Wybierz obraz miniatury."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:559
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:714
 msgid "The thumbnail could not be uploaded. Please try again."
 msgstr "Nie udało się przesłać miniatury. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:626
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:781
 msgid "Related posts could not be loaded. Please try again."
-msgstr "Nie można było założyć powiązanych postów."
+msgstr "Nie udało się załadować powiązanych wpisów. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:715
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:870
 msgid "Application hooks could not be loaded. Please try again."
-msgstr "Nie można było założyć haków aplikacyjnych."
+msgstr "Nie udało się załadować hooków aplikacji. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:766
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:921
 msgid "Permissions could not be loaded. Please try again."
-msgstr "Nie mogliśmy założyć pozwolenia."
+msgstr "Nie udało się załadować uprawnień. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:839
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:994
 msgid "Available permissions could not be loaded. Please try again."
-msgstr "Dostępne uprawnienia nie mogły być załadowane."
+msgstr "Nie udało się załadować dostępnych uprawnień. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:860
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1045
 msgid "Unable to read the selected media file."
-msgstr "Nie można przeczytać wybranych plików multimedialnych."
+msgstr "Nie można odczytać wybranego pliku multimedialnego."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:912
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1097
 msgid "The video was uploaded, but its thumbnail could not be generated. Upload a thumbnail or apply a default placeholder."
-msgstr "Film został przesłany, ale nie udało się wygenerować miniatury. Prześlij miniaturę lub zastosuj domyślny obraz."
+msgstr "Wideo zostało przesłane, ale nie udało się wygenerować miniatury. Prześlij miniaturę lub użyj domyślnego obrazu zastępczego."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:922
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1107
 msgid "The media could not be uploaded. Please try again."
-msgstr "Media nie mogły zostać przesłane."
+msgstr "Nie udało się przesłać multimediów. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1051
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1087
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1236
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1272
 msgid "A title and slug are required."
-msgstr "Potrzebny jest tytuł i strzał."
+msgstr "Wymagany jest tytuł i slug."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1175
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1360
 msgid "Delete post?"
-msgstr "Wymazać wiadomość?"
+msgstr "Usunąć wpis?"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1176
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1361
 msgid "This archives the post. It can be restored from its revisions."
-msgstr "To archiwum, który można odtworzyć z jego zmian."
+msgstr "Ta operacja archiwizuje wpis. Można go przywrócić z jednej z jego wersji."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1179
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1364
 msgid "Delete"
 msgstr "Usunięcie"
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1216
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1401
 msgid "The post could not be duplicated. Please try again."
-msgstr ""
+msgstr "Nie udało się zduplikować wpisu. Spróbuj ponownie."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1248
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1433
 msgid "No post is loaded."
-msgstr "Żaden posterunek nie jest załadowany."
+msgstr "Żaden wpis nie jest załadowany."
 
-#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1360
+#: src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts:1545
 msgid "The post could not be saved. Check the slug and your connection. If another user changed it, close and reopen the post before retrying."
-msgstr "Jeśli inny użytkownik zmienił, zamknij i ponownie otwórz połączenie przed ponownym próbą."
+msgstr "Nie udało się zapisać wpisu. Sprawdź slug i połączenie. Jeśli inny użytkownik go zmienił, zamknij wpis i otwórz go ponownie przed ponowną próbą."

package/ts-source/websql-code/taon-posts/taon-cms-post/taon-cms-post.component.html

@@ -138,17 +138,83 @@
       [attr.contenteditable]="!busy() && !dialogOpen()"
       [taonCmsEditable]="draft().excerpt"
       (taonCmsEditableChange)="updateDraft('excerpt', $event)"></div>
-    <div
-      class="post-body editable"
-      contenteditable="true"
-      role="textbox"
-      [attr.aria-label]="t.gettext('Post body')"
-      aria-multiline="true"
-      [attr.data-placeholder]="placeholderTellYourStory()"
-      [attr.contenteditable]="!busy() && !dialogOpen()"
-      taonCmsEditableFormat="html"
-      [taonCmsEditable]="draft().body"
-      (taonCmsEditableChange)="updateDraft('body', $event)"></div>
+    <section class="post-content-editor">
+      <mat-tab-group
+        [selectedIndex]="contentTab()"
+        (selectedIndexChange)="contentTab.set($event)"
+        [preserveContent]="true"
+        animationDuration="0ms">
+        <mat-tab [label]="t.gettext('Editor')">
+          @if (contentEditor(); as editor) {
+            <ngx-editor-menu
+              [editor]="editor"
+              [toolbar]="contentToolbar"
+              [disabled]="busy() || dialogOpen()" />
+            <ngx-editor
+              [editor]="editor"
+              [placeholder]="placeholderTellYourStory()" />
+          }
+        </mat-tab>
+        <mat-tab [label]="t.gettext('Raw')">
+          <textarea
+            #rawContent
+            class="raw-content"
+            [attr.aria-label]="t.gettext('Post body HTML')"
+            [value]="draft().body"
+            [disabled]="busy() || dialogOpen()"
+            (input)="updateRawContent($event)"
+            spellcheck="false"></textarea>
+        </mat-tab>
+        <mat-tab [label]="t.gettext('Preview')">
+          <div
+            class="post-body content-preview"
+            [innerHTML]="resolvedBody()"></div>
+        </mat-tab>
+      </mat-tab-group>
+      @if (contentTab() !== 2) {
+        <button
+          mat-button
+          type="button"
+          [disabled]="busy() || dialogOpen() || !contentEditor()"
+          [matMenuTriggerFor]="variableMenu"
+          [matMenuTriggerRestoreFocus]="false">
+          {{ t.gettext('Insert variable') }}
+        </button>
+      }
+      <mat-menu #variableMenu="matMenu">
+        <button mat-menu-item [matMenuTriggerFor]="siteVariableMenu">
+          {{ t.gettext('Site') }}
+        </button>
+        <button mat-menu-item [matMenuTriggerFor]="postVariableMenu">
+          {{ t.gettext('Post') }}
+        </button>
+      </mat-menu>
+      <mat-menu #siteVariableMenu="matMenu">
+        <button mat-menu-item (click)="insertVariable('frontendUrl')">
+          {{ t.gettext('Frontend URL') }}
+        </button>
+        <button mat-menu-item (click)="insertVariable('site.name')">
+          {{ t.gettext('Site name') }}
+        </button>
+        <button mat-menu-item (click)="insertVariable('currentYear')">
+          {{ t.gettext('Current year') }}
+        </button>
+      </mat-menu>
+      <mat-menu #postVariableMenu="matMenu">
+        <button mat-menu-item (click)="insertVariable('post.title')">
+          {{ t.gettext('Post title') }}
+        </button>
+        <button mat-menu-item (click)="insertVariable('post.url')">
+          {{ t.gettext('Post URL') }}
+        </button>
+        <button mat-menu-item (click)="insertVariable('post.id')">
+          {{ t.gettext('Post ID') }}
+        </button>
+        <button mat-menu-item (click)="insertVariable('post.thumbnailUrl')">
+          {{ t.gettext('Post Thumbnail URL') }}
+        </button>
+      </mat-menu>
+    </section>
     <label class="slug-field">
       <span>{{ t.gettext('URL slug') }}</span>
       <input
@@ -546,6 +612,7 @@
         } @else {
           <div class="permission-assignment">
             <mat-form-field
+            class="w-full"
               appearance="outline"
               subscriptSizing="dynamic">
               <mat-label>{{ t.gettext('Permission') }}</mat-label>
@@ -612,7 +679,7 @@
     }
     <div
       class="post-body"
-      [innerHTML]="post.body"></div>
+      [innerHTML]="resolvedBody()"></div>
     @if (mediaAttachment(); as media) {
       @if (draft()[media.key]; as key) {
         @if (mediaPreviewLoading()) {

package/ts-source/websql-code/taon-posts/taon-cms-post/taon-cms-post.component.scss

@@ -79,8 +79,33 @@
   }
 }
 
-.post-body.editable {
+.post-content-editor {
+  border: 1px solid #8885;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.raw-content {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 20rem;
+  padding: 1rem;
+  resize: vertical;
+  border: 0;
+  color: inherit;
+  background: transparent;
+  font-family: monospace;
+}
+
+ngx-editor {
+  display: block;
+  min-height: 20rem;
+}
+
+.content-preview {
   min-height: 12rem;
+  padding: 1rem;
 }
 
 .slug-field {