Style settings with dash in Tinymce v2 format meny

Calling all developers! We invite you to provide your input on Feature Experimentation by completing this brief survey.

AI OnAI Off

Home / Forums / Developers (Main Products) Forum / CMS 7.5 - 11 /

Style settings with dash in Tinymce v2 format meny

Erik Täck

Vote:

Hi,

So the new tinymce editor, conveniently, all the examples of setting styles using anonymous objects in C# is using the example "color", but what do I do if I want to set another style, say text-align?

This will obviosuly not compile:

configuration.Default()
.StyleFormats(new {
   title = "Alignment",
   items = new[] {
      new {title = "Left", block = "p", styles = { text-align = "left"}},
      new {title = "Center", block = "p", styles = { text-align = "center"}}
   })...

I have tried various different strings with no success, like styles = "text-align: center". I am guessing there is one, but I am just not able to guess it.

Anyone have an idea how to achieve this?

#206536

Aug 23, 2019 12:25

Jake Jones

Vote:

Hi Erik,

The following worked for me (although, to be honest, I wasn't really expecting it to!):

config.Default()
    .StyleFormats(new
    {
        title = "Alignment",
        items = new[]
        {
            new {title = "Left", block = "p", styles = new Dictionary<string, string> {{"text-align", "left"}}},
            new {title = "Center", block = "p", styles = new Dictionary<string, string> {{"text-align", "center"}}},
        }
    });

#206556

Edited, Aug 23, 2019 17:33

Erik Täck

Vote:

hah,

Yes it worked, and I suppose that makes sense.

Thanks!

#206557

Edited, Aug 23, 2019 17:35

This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.