Style settings with dash in Tinymce v2 format meny

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

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.