Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more
AI OnAI Off
Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more
Hi ZZ
I have "styles format" (plus a lot of ofter buttons) in one of my projects. Those results in two drop down lists.
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
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.
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: