November Happy Hour will be moved to Thursday December 5th.
AI OnAI Off
TinyMCE 3.3.6 Appends custom css classes instead of replacing
Hi,
Read this article http://world.episerver.com/Blogs/Linus-Ekstrom/Dates/2011/3/Improvements-in-TinyMCE-in-EPiServer-CMS-6-R2/!
I don't know if you can replace classes, but if you select the same class again it gets removed from the element.
Mar 09, 2012 18:26
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.
I'm struggling with an issue in the new TinyMCE, if i got for example two custommade classes like follows:
p.green { EditMenuName: "Grön"; ChangeElementType: true; border: 0 solid #53c238; border-left-width: 3px; padding: 3px 5px; }
p.orange { EditMenuName: Orange; ChangeElementType: true; border: 0 solid #ca3724; border-left-width: 3px; padding: 3px 5px; }
First of all notice that the name Grön is within quotation marks, otherwise it cant show å,ä,ö, doesnt matter which encoding i got (struggled with this for a while as well). But the issue is: How to remove old class when selecting a new style in the style menu?
If i first select "Grön" i got p.green, if i then select orange after, i recieve both classes cause the tinymce is adding the classes, like
p.green orange instead of replacing.
Did find one topic about this: http://www.tinymce.com/forum/viewtopic.php?id=21691
But it wont work cause EPiServer has its own methods of interpreting the css styles. Anyone has a solution for this? The file that does the interpretation is located here: C:\Program Files (x86)\EPiServer\CMS\6.1.379.0\Application\Util\Editor\tinymce\plugins\epistylematcher\editor_plugin.js.