fix some issues with ckeditor content not shown correctly

- add missing <i> tag to allow italic in Bleach config - add missing css for text sizing via ckeditor fixes #5925
liqd · Jan 13, 2025 · faabbd7 · faabbd7
1 parent 669cac7
commit faabbd7
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/changelog/5925.md b/changelog/5925.md
@@ -0,0 +1,4 @@
+### Changed
+
+- add ckeditor text size css to make text sizing work
+- add <i> tag to `collapsible-image-editor` Bleach config to allow italic text
diff --git a/meinberlin/assets/extra_css/_ckeditor.scss b/meinberlin/assets/extra_css/_ckeditor.scss
@@ -225,3 +225,23 @@
 .ck-content .image-inline.image-style-align-right {
   margin-left: var(--ck-inline-image-style-spacing);
 }
+
+/* @ckeditor/ckeditor5-font/theme/fontsize.css */
+.ck-content .text-tiny {
+    font-size: .7em;
+}
+
+/* @ckeditor/ckeditor5-font/theme/fontsize.css */
+.ck-content .text-small {
+    font-size: .85em;
+}
+
+/* @ckeditor/ckeditor5-font/theme/fontsize.css */
+.ck-content .text-big {
+    font-size: 1.4em;
+}
+
+/* @ckeditor/ckeditor5-font/theme/fontsize.css */
+.ck-content .text-huge {
+    font-size: 1.8em;
+}
diff --git a/meinberlin/config/settings/base.py b/meinberlin/config/settings/base.py
@@ -350,6 +350,7 @@
             "em",
             "figcaption",
             "figure",
+            "i",
             "iframe",
             "img",
             "li",
-Original file line number
+Diff line change
@@ Expand Up / @@ -350,6 +350,7 @@ @@
                 "em",
                 "figcaption",
                 "figure",
+                "i",
                 "iframe",
                 "img",
                 "li",
@@ Expand Down @@