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

Dave Beattie

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

Ravindra S. Rathore

Vote:

Hey, Please share the code that you are using

#320275

Apr 10, 2024 13:05

Dave Beattie

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

Daniel Isaacs

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

Binh Nguyen Thi

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.