Virtual Happy Hour this month, Jun 28, we'll be getting a sneak preview at our soon to launch SaaS CMS!

Try our conversational search powered by Generative AI!

Tiny MCE Label Error - 'Paragraph' showing for blocks and styles

Vote:
 

Hi Folks, we are upgrading a site from cms 11 to 12.  I am currently adding in the Tiny MCE configuration and have noticed an issue. I've changed the 'formatselect' and 'styleselect' options to 'blocks' and 'styles' as required and have added these items back into the menu. However, Both items now display as 'Paragraph' while before this was Paragraphs and Formats. The items in the dropdown look fine, just the title in wrong. From what I've read there is a bug in TinyMCE around this, but is there any simple way to change this?

#320269
Apr 10, 2024 9:56
Vote:
 

Hey, Please share the code that you are using

#320275
Apr 10, 2024 13:05
Vote:
 

Sure, this is the setup code we have in place in the startup class

services.Configure<TinyMceConfiguration>(config =>
            {
                config.Default()
                    .DisableMenubar()
                    .AddSetting("templates", new[]
                    {
                        new
                        {
                            title = "Industry Event Table",
                            url = "../../Static/html/templates/industry-event-table.html",
                            description = "Table template with appropriate styling"
                        }
                    })
                    .AddSetting("table_resize_bars", false)
                    .AddPlugin(new[] { "code", "template", "table", "anchor", "codesample", "paste", "charmap", "hr" })
                    .Menubar("edit view format table")
                    .Toolbar("blocks | styles | template | bold italic underline bullist numlist hr | alignleft aligncenter alignright alignjustify | epi-link anchor image epi-image-editor epi-personalized-content")
                    .StyleFormats(
                        new
                        {
                            title = "Text",
                            items = new[]
                            {
                                new { title = "Large Text", selector = "p", classes = "large"},
                                new { title = "Small Text", selector = "p", classes = "small"},
                                new { title = "Checkmark Bulletpoint", selector = "li", classes = "check"},
                                new { title = "Arrow Bulletpoint", selector = "li", classes = "arrow"}
                            }
                        },
                        new
                        {
                            title = "Table",
                            items = new[]
                            {
                                new { title = "Heading Row", selector = "td", classes = "header"},
                                new { title = "Responsive Table", selector = "table", classes = "responsive-table"}
                            }
                        }
                    );
            });
#320277
Apr 10, 2024 15:10
Vote:
 

I found this issue in TinyMCE's repo: https://github.com/tinymce/tinymce/issues/9186

If I'm reading (skimming) that correctly, then it seems like that's just how it is in TinyMCE 6, and they suggest just using a single dropdown? (But in TinyMCE 7, it's back to "Formats".)

#320316
Apr 11, 2024 4:02
Vote:
 

Hi Daniel,

As I undestood we are using TinyMCE 6 in Optimizely CMS 12 so do we have plan to upgrade to TinyMCE7 in future?

#320476
Apr 14, 2024 10:13
Daniel Isaacs - Apr 15, 2024 15:06
Correct, currently on TinyMCE v6.8.2 I believe. I imagine v7 is on the roadmap, but I don't have any specific details.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.