[#1623] Custom TinyMCE Style

akvo · Oct 6, 2023 · d5a0967 · d5a0967
1 parent b930c1e
commit d5a0967
Showing 1 changed file with 43 additions and 2 deletions.
diff --git a/strapi/config/plugins.js b/strapi/config/plugins.js
@@ -1,6 +1,47 @@
 module.exports = ({ env }) => ({
-    tinymce:{
-        enabled:true
+    tinymce: {
+        enabled: true,
+        config: {
+            editor: {
+                outputFormat: "html",
+                editorConfig: {
+                    language: "en",
+                    height: 500,
+                    menubar: false,
+                    extended_valid_elements: "span, img, small",
+                    forced_root_block: "",
+                    convert_urls: false,
+                    entity_encoding: "raw",
+                    plugins: "preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount help charmap quickbars emoticons accordion",
+                    menubar: "file edit view insert format tools table help",
+                    toolbar: "undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap emoticons | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl",
+                    style_formats: [
+                        {
+                            title: "Headings",
+                            items: [
+                                { title: "h1", block: "h1" },
+                                { title: "h2", block: "h2" },
+                                { title: "h3", block: "h3" },
+                                { title: "h4", block: "h4" },
+                                { title: "h5", block: "h5" },
+                                { title: "h6", block: "h6" },
+                            ],
+                        },
+
+                        {
+                            title: "Text",
+                            items: [
+                                { title: "Paragraph", block: "p" },
+                                {
+                                    title: "Paragraph with small letters",
+                                    block: "small",
+                                },
+                            ],
+                        },
+                    ],
+                },
+            },
+        },
     },
     upload: {
       config: {