theme_advanced_blockformats in TinyMCE problem in EPiServer 6 R2

Marija Jemuovic

Vote:

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

Michel Radosavljevic

Vote:

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

Try our conversational search powered by Generative AI!

theme_advanced_blockformats in TinyMCE problem in EPiServer 6 R2