Try our conversational search powered by Generative AI!

formatselect styleselect does not show the paragraph select drop down in CMS 12 TinyMCE editor

Vote:
 

The following is the same configs we had for the CMS11 version of the site. 

However, the CMS12 version does not show the Pargraph and StyleSelect drop downs anymore. (formatselect, styleselect) 

Are we missing anything ? 

services.Configure<TinyMceConfiguration>(config =>
 {
     string[] toolbar = {
        " table | tablerowprops tablecellprops | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol | tablesplitcells tablemergecells " ,
        " epi-link anchor image editimage media paste searchreplace | fullscreen code | undo redo | outdent indent | btnAccordion codesample" ,
        " bold italic underline removeformat | bullist numlist | formatselect styleselect |  alignleft alignright aligncenter alignjustify" };

     config.Default()
             .ContentCss("/content/editor.css")
             .AddPlugin("table fullscreen anchor code link media epi-link image codesample")
             .Toolbar(toolbar)
     .BlockFormats("Paragraph=p;Heading 2=h2;Heading 3=h3;")
     .AddSetting("image_advtab", true)
     .AddSetting("image_title", true)
     .AddSetting("image_class_list", new[] {
        new { title = "None", value = "" },
        new { title = "Image zoom", value = "image_zoom" },
        new { title = "Responsive image", value = "img_responsive" },
        new { title = "Float left image", value = "txtarea-left-image" },
        new { title = "Float right image", value = "txtarea-right-image" }
     })
     .StyleFormats(
         new { title = "Simple Tip", inline = "span", classes = "simpleTip" },
         new { title = "Quote", inline = "span", classes = "quote" },
         new { title = "Warning message", inline = "span", classes = "warningMsg" },
         new { title = "Note", inline = "span", classes = "note" }
     );
 });
#313165
Edited, Nov 27, 2023 12:10
Vote:
 

Hello Huzaim,

They have been renamed in later versions of TinyMCE from `formatselect` and `styleselect` to `blocks` and `styles`.

#313179
Nov 27, 2023 15:21
Vote:
 

A lot of things have changed in the TinyMCe implementation especially if you are going on latest versions.

Examples being creating custom external plugins which I have blogged about here (https://blogs.perficient.com/2023/10/26/adding-custom-external-plugin-to-tinymce/) or changes to names as mentioned by Mark above. To address the name changes, here is the link on what all have changed

https://www.tiny.cloud/docs/tinymce/6/migration-from-5x/#things-we-renamed

#313184
Nov 27, 2023 15:51
Mark Stott - Nov 27, 2023 16:53
Upvoted for great links :)
Dileep D - Nov 27, 2023 17:10
Thanks Mark :)
* 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.