theme_advanced_blockformats in TinyMCE problem in EPiServer 6 R2

Member since: 2010

I have followed all the instructions from this post: http://world.episerver.com/Documentation/Items/Tech-Notes/EPiServer-CMS-6/EPiServer-CMS-6-R2/TinyMCE-Developers-Guide/

As a result, we have this class:

    [TinyMCEPluginNonVisual(
        DefaultEnabled = true,
        PlugInName = "tinymcecustom",
        DisplayName = "TinyMCE textstyles ",
        Description = "Set custom text styles in Tiny MCE editor",
        EditorInitConfigurationOptions = @"{
            paste_auto_cleanup_on_paste : true,
            theme_advanced_blockformats : ""Brödtext=p,Rubrik 2=h2,Rubrik 3=h3""
      }"
    )]
    public class TinyMceConfig
    {

    }

and editor_plugin.js file inside Util\Editor\tinymce\plugins\tinymcecustom folder inside the web project.

The plugin contains the following code:

(function () {
    tinymce.PluginManager.add('tinymcecustom', tinymce.plugins.tinymcecustom);
})();

TinyMCE is visible in FF, Chrome and IE.

However, the formatselect_text dropdown is not enabled by default in R2. If I enabled it from the admin mode (by adding global settings), my configuration isn't applied to this dropdown (h1, h2, h3 .. h6) is visible.

Should I be having two classes because of this? TinyMCEPluginNonVisual and TinyMCEPluginButton?

This worked perfectly in EPiServer 6.

#53254 Sep 02, 2011 15:35
  • Hi,

    In R2 you can set this inside your stylesheet file like this:    

    #tinymce p { EditMenuName: Paragraph; }
    h1 { font-size:1.5em; EditMenuTitle: Headings; EditMenuName: Heading 1; }
    h2 { font-size:1.4em; line-height:1em; EditMenuName: Heading 2; }
    h3 { font-size:1.3em; line-height:1em; EditMenuName: Heading 3; }
    h4 { font-size:1.2em; line-height:1em; EditMenuName: Heading 4; }

    The EditMenuTitle creates a section inside the styles dropdownlist. The EditMenuName is the name of the specified style.

    It is also possible to have translations for the Title and Name. You create it like this:

    <editorstyleoptions>
      <headings>Rubrikstilar</headings>
      <heading_1>Rubrik 1</heading_1>
      <heading_2>Rubrik 2</heading_2>
      <heading_3>Rubrik 3</heading_3>
      <heading_4>Rubrik 4</heading_4>
      <paragraph>Stycke</paragraph>
    </editorstyleoptions>

    Hope this helps! 

    #53426 Sep 08, 2011 13:38