theme_advanced_blockformats in TinyMCE problem in EPiServer 6 R2

November Happy Hour will be moved to Thursday December 5th.

AI OnAI Off

Home / Forums / Legacy forums / Episerver CMS 6 R2 /

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

This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.