TinyMCE v4 customisations

Hi,

We're currently upgrading from TeamSite 6.7.2 to TeamSite 7.4.1 and so are switching over from VFE to TinyMCE. After a patch was applied to our test environment TinyMCE has been upgraded from v3 to v4 but the Content Template Developer manual for 7.4.1 and for 7.5 both seem to refer to TinyMCE v3 options.

So it looks like I'm back at square one trying to get custom styles working in TinyMCE (after I just got it working in v3... sigh...)

Does anyone know what's replaced the 'styles' config option? I've tried using 'style_formats' as defined in the TinyMCE doco but with no joy:

IWTinyMCECustomConfig("content", "style_formats", [title:'My class', inline: 'span', classes: 'myclass']);

Or even better, does anyone have the updated TeamSite TinyMCE customisation doco?

Thanks in advance,

Lisa

Find more posts tagged with

Comments

HeatherH

If you're now running 7.4.1.2, style_formats will require a patch which isn't yet available to my knowledge (product management or your account exec may have better details they can provide you about patch releases) . This is an issue on 7.5 as well which should be corrected with the future release of the 7.5.0.1 rollup patch.

Any other customizations should be found on the tinymce website (http://www.tinymce.com/wiki.php/TinyMCE) until the new documentation is available.

-Heather

Garth McMillan

Just FYI. In addition to "style_formats", "formats" also has the same issue - as will any configuration property that is configured via an Object that is not a simple string etc.

We're also waiting on a patch...

lisadeveloper

HP support are helping us sort this out. We already have the patch, 7.4.1.2.

So far we do have some customisation of style_formats, where we can add a new category to the existing

formats list (headings, inline, etc). The syntax is fairly tricky, with curly brackets encapsulated in regular brackets, e.g.

IWTinyMCECustomConfig("custom1", 'style_formats_merge', true);
IWTinyMCECustomConfig("custom1", "style_formats",
                      ["({title: 'Custom styles', items:[\
                          ({title:'My style', inline: 'em', classes: 'myclass'})]})"]);

We're unable to turn off the default list (setting 'style_formats_merge' to false breaks the formats dropdown) or to customise the default list yet.

I'll share more if/when we have a solution.

Ritzzz

Hi,

I am using TS 7.4.2 and Tinymce 4.1.4

I have similar requirement to add custome styles.

Could you please let me know how can we add styles , I tried with your example ad added two lines of code to custom_config.js , but it didn't work.

Thanks.

lisadeveloper

Hi Ritzzz,

Did you also refer to that custom config in the textarea call to the editor (in your DCR/content template)?

e.g.

<textarea external-editor="tinymce" external-editor-config="custom1" external-editor-inline="f" />

And do you have the 'styleselect' toolbar option included in the toolbar for that custom config (in custom_config.js)? .e.g

IWTinyMCECustomConfig('custom1', 'toolbarRow', 'styleselect,|,formatselect,|,cut,copy,paste');

You might need to be more specific when you say "it didn't work".

Cheers,
Lisa

Ritzzz

Thanks Lisa.

Yes I have included entries in DCT and custom config.

The code worked for me after writting the entire code in one line.

Could you please tell me what would be the inline attribute if i need to add a class to an anchor tag?

IWTinyMCECustomConfig("my-config", "style_formats",["({title: 'Custom styles', items:[\({title:'Link Bold', inline: 'span',classes: 'link link--bold'})]})"]);

Thanks,

Rita