TinyMCE custom wrapper style

I’ve been asked to create some wrapper styles for the RT-Editor and add them to the ‘Formats’ dropdown.

A wrapper style should do as the name suggests - wrap the selected text inside a specified container/class/style tag.

Specifically at the moment, content editors want to be able to select a group of paragraphs, and mark them to be wrapped inside a div that applies a ‘multi-column’ layout style - e.g. column-count:2 or column-count:3 etc.

I know that TinyMCE can do wrapper styles, but haven’t worked out how to apply this via the Umbraco config options.

Anyone managed to do this before?


This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/97405-tinymce-custom-wrapper-style