Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more

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.