tinyMCE theme_advanced_blockformats

Running 6.7.2 SP2

I have been trying to add the theme_advanced_blockformats option to modify the default formatselect elements from the dropdown in tinyMCE. I tried modifying the livesite-resource-config.xml file with the following...

<prop key="themeAdvancedBlockformats">p,h2,h3,h4</prop>
and
<prop key="theme_advanced_blockformats">p,h2,h3,h4</prop>

The moxiewiki provides the following example.

tinyMCE.init({
...
theme_advanced_blockformats : "p,div,h1,h2,h3,h4,h5,h6,blockquote,dt,dd,code,samp"
});

But it seams that the livesite-resource-config.xml uses its own variable for the tinyMCE config i.e.

<prop key="themeAdvancedButtons1Add">separator,insertdate,inserttime,preview,separator,forecolor,backcolor</prop>

as opposed to the suggested.

theme_advanced_buttons1_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",

Has anyone had any luck with this?

Thanks

Find more posts tagged with

Comments

Vijay_Tandel

Try editing the same in following file

/iw-home/httpd/iw/tinymce/jscripts/tiny_mce/themes/advanced/editor_template_src.js

Add the style you want in init function, for example

theme_advanced_blockformats : "h1,h2,h3"

Copperfrog

I attempted this solution without any luck.

There has to be an easy way to do this?

Thanks for the suggestion

Vijay_Tandel

You need to edit same file, search for function _createBlockFormats
You need to add formats in there

Also update following file which declares these format and display text

/apps/iw-home/httpd/iw/tinymce/jscripts/tiny_mce/themes/advanced/langs/en.js

Copperfrog

I was not able to find the function you mentioned. The only thing that comes close is below and I tried modifying with no success.

case "formatselect":
var html = '<select id="{$editor_id}_formatSelect" name="{$editor_id}_formatSelect" onfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="tinyMCE.execInstanceCommand(\'{$editor_id}\',\'FormatBlock\',false,this.options[this.selectedIndex].value);" class="mceSelectList">';
var formats = tinyMCE.getParam("theme_advanced_blockformats", "p,address,pre,h1,h2,h3,h4,h5,h6", true).split(',');
var lookup = [
['p', '{$lang_theme_paragraph}'],
['address', '{$lang_theme_address}'],
['pre', '{$lang_theme_pre}'],
['h1', '{$lang_theme_h1}'],
['h2', '{$lang_theme_h2}'],
['h3', '{$lang_theme_h3}'],
['h4', '{$lang_theme_h4}'],
['h5', '{$lang_theme_h5}'],
['h6', '{$lang_theme_h6}'],
['div', '{$lang_theme_div}'],
['blockquote', '{$lang_theme_blockquote}'],
['code', '{$lang_theme_code}'],
['dt', '{$lang_theme_dt}'],
['dd', '{$lang_theme_dd}'],
['samp', '{$lang_theme_samp}']
];

Vijay_Tandel

Search for _createBlockFormats : function() {

It creates drop down control on TinyMCE toolbar with format options passed as parameters.

Copperfrog

I figured it out,

One of our environments was not up to SP2 it just had TS 6.7.2 on it. I was able to add the following to the livesite-resource-config.xml file and it worked after a build.

p,h2,h3,h4

Thanks for your suggestions.