Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more
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.