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

How to get custom classes to TinyMCE table plugin's class menu

Vote:
 

Hi,

I'm trying to customize the class menu available in TinyMCE table plugin. I tried using empty .cs class with attribute TinyMCEPluginNonVisual:

    [TinyMCEPluginNonVisual(PlugInName = "CustomTinyMCESettings", 
                            DisplayName = "Init options", 
                            Description = "Custom editor init options.",
                            AlwaysEnabled = true,
                            EditorInitConfigurationOptions = "{ table_styles: 'Table=table;TableStriped=tableStriped' }")]
    public class CustomTinyMCESettings
    {
    }

    But without success. Does anyone have working solution to this? I've successfully used class attribute similar the one above in EPiServer 6 projects. But now I did not get any effect with this solution, menu is populated with some epi prefixed class + our custom classes from editorsstyles.css created for the "style" menu in editor toolbar.

#73709
Aug 06, 2013 15:46
Vote:
 

Good morning Janne,

You don't need to use a plugin, you can actually do it in the Editors Css stylesheet itself.  Take a look at this article.

http://world.episerver.com/Blogs/Magnus-Strale/Dates/2011/10/CSS-styles-in-the-editor/

Hope this helps

#73743
Edited, Aug 07, 2013 15:56
Vote:
 

http://world.episerver.com/Documentation/Items/Tech-Notes/EPiServer-CMS-6/EPiServer-CMS-6-R2/TinyMCE-Developers-Guide3/

http://www.frederikvig.com/2011/05/css3-buttons-and-episerver-editor-stylesheet/

use the above links, hope helpful to you.

#73819
Aug 12, 2013 4:56
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.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.