November Happy Hour will be moved to Thursday December 5th.

EPiServer.CMS.TinyMce > 2.1.0 TinyMceSettings.RawSettings() not working correctly

Vote:
 

I have my TinyMce configuration in a json file which is given (as a string) to the TinyMceSettings.RawSettings() method. With version 2.1.0 everything works as it should, but with versions 2.2.0 - 2.6.1 the style_formats-settings doesn't work properly. Under the formats toolbar item it shows the correct amount of styles (same amount as in the config file) but all the styles are blank, just white boxes and they don't do anything.

The TinyMceConfig:

{
  "content_css": "/Static/css/editor.css",
  "plugins": "epi-link epi-image-editor epi-personalized-content fullscreen image link media codesample table lists code epi-dnd-processor anchor paste searchreplace hr",
  "toolbar": "epi-link anchor image epi-image-editor epi-personalized-content | cut copy paste pastetext | fullscreen table | bold italic underline hr | bullist numlist styleselect undo redo searchreplace code",
  "style_formats": [
    {
      "title": "Headings",
      "items": [
        {
          "title": "Heading1",
          "block": "h1"
        },
        {
          "title": "Heading2",
          "block": "h3"
        },
        {
          "title": "Heading3",
          "block": "h3"
        }
      ]
    },
    {
      "title": "Content styles",
      "items": [
        {
          "title": "Paragraph",
          "block": "p"
        },
        {
          "title": "Blockquote",
          "block": "blockquote"
        },
        {
          "title": "Quote",
          "inline": "q"
        },
        {
          "title": "Image caption",
          "block": "p",
          "classes": "imagecaption"
        }
      ]
    },
    {
      "title": "Table styles",
      "items": [
        {
          "title": "Table 1, grey",
          "selector": "table",
          "classes": "tstyle1"
        },
        {
          "title": "Table 2, no background",
          "selector": "table",
          "classes": "tstyle2"
        }
      ]
    },
    {
      "title": "Images",
      "items": [
        {
          "title": "Bottom margin",
          "selector": "img",
          "classes": "bmargin"
        },
        {
          "title": "Floated left",
          "selector": "img",
          "classes": "float-left"
        },
        {
          "title": "Floated right",
          "selector": "img",
          "classes": "float-right"
        }
      ]
    }
  ]
}
#196451
Aug 31, 2018 8:08
Vote:
 

I can confirm that this issue persists as of Episerver.Cms.TinyMce 2.13.2.0.

#248205
Feb 05, 2021 9:10
* 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.