Editor css for the new Tinymce.

  • Updated

How to separate the styles into different groups in the new TinyMCE?

Please go to tinymce.com as that page has all the information on how to configure the tinymce plugins.

The docs
https://www.tinymce.com/docs/configure/content-formatting/#style_formats

An Example of grouped formats
https://www.tinymce.com/docs/demo/format-html5/

.StyleFormats(

                        new

                        {

                            title = "Special",

                            items = new object[]

                            {

                                new {title = "Bold text", inline = "strong"},

                                new {title = "Red text", inline = "span", styles = new {color = "#ff0000"}},

                                new {title = "Red header", block = "h1", styles = new {color = "#ff0000"}}

                            },

                        },

                        new

                        {

                            title = "Special 2",

                            items = new object[]

                                {

                                    new {title = "Bold text", inline = "strong"},

                                    new {title = "Red text", inline = "span", styles = new {color = "#ff0000"}},

                                    new {title = "Red header", block = "h1", styles = new {color = "#ff0000"}}

                                }

                        })