StyleFormats stoppet showing after TinyMCE NuGet package updated

StyleFormats stoppet showing after TinyMCE NuGet package updated to 4.1.0 from 3.3.3

Vote:

Hi,

We have updated EPiServer.CMS.TinyMce to 4.1.0 from 3.3.0 and this has cause the style formats to not showing up in TinyMCE.

using EPiServer.Cms.TinyMce.Core;
using EPiServer.ServiceLocation;
using Microsoft.Extensions.DependencyInjection;

namespace MitAkademikernes.Business.Initialization
{
    public static class CustomizedTinyMceInitializationExtension
    {
        public static IServiceCollection AddTinyMceCustomizations(this IServiceCollection services)
        {
            services.Configure<TinyMceConfiguration>(config =>
            {
                // Add the advanced list styles, table, and code plugins
                // and append buttons for inserting and editing tables
                // and showing source code to the toolbar
                config.Default()
                .AddEpiserverSupport()
                 .AddPlugin("media wordcount anchor code searchreplace")
                    .Toolbar("blocks fontsize | epi-personalized-content epi-link anchor numlist bullist indent outdent bold italic underline code",
                        "alignleft aligncenter alignright alignjustify |image epi-image-editor media | epi-dnd-processor | forecolor backcolor | removeformat | searchreplace fullscreen")
                    .StyleFormats(
                        new { title = "Accordion heading", block = "h2", classes = "accordion-header" }
                    )
                .AddSetting("image_class_list", new[] { xxx })
                ;
            });
            return services;
        }
    }
}

Accordion heading style format just add the class ->

This is how it looked before upgrading to TinyMCE 4.1.0:

Now it looks like this without Formats button:

Any input would be appreciated

#305491

Edited, Jul 21, 2023 8:28

Stefan Holm Olsen

Vote:

Hi ZZ

I have "styles format" (plus a lot of ofter buttons) in one of my projects. Those results in two drop down lists.

#305493

Jul 21, 2023 16:04

Bac Nguyen

Vote:

Hi ZZ

It seems the same bug has been reported Release note - CMS-25995 (optimizely.com)

You should update EPiServer.CMS.TinyMce to 4.3.0 or to the latest 4.4.1

#305612

Jul 24, 2023 2:05

Vote:

After upgrading to TinyMCE ver. 4.4.1 I am still having the same issue

#305620

Jul 24, 2023 8:47

Stefan Holm Olsen

Vote:

If "styles" is present as a one of the toolbar items, then it could be an error in the StyleFormats data. In your case it could be that you need to turn "classes" into an array with a single string.

Or you could try wrapping your style object in an array, since you don't have any nested style items.

#305634

Edited, Jul 24, 2023 16:41

Vote:

Thanks a lot. I was just missing xx | styles format | xx in toolbar

#305681

Jul 25, 2023 11:34