TinyMCE and custom CSS

josephbreese

SitePublisher Documentation is not 100% clear on this subject matter.

I'm trying to set specific CSS inside of the TinyMCE control's Style drop down box. We have 10+ css files, not all are included per page, so I feel I need to have a TinyMCE version of the CSS for many reasons:
* our css has some positioning classes in them and those positioning classes are not relevant to content typed into the text box
* some classes need to be more descriptively named so the end user knows how to use them

I followed the instructions listed in the SitePublisher Developer Guide, Appendix F: Customizing TinyMCE
1. copy the bean xml code from one file (teamsite-resource-config.xml) to another (customer-teamsite-resource-config.xml).
2. I then absolutely made sure to delete the customer toolkit WAR file in the customer out folder.
3. Rebuilt the toolkit by executing make_toolkit.ipl.
4. Verified that the WAR file created had the new customer-teamsite-resource-config.xml file
5. Verified that the customer-teamsite-resource-config.xml file was deployed to the content center web app folder structure.
6. Cleared my browser cache

Tiny MCE still shows the classes from the css included at the page level.

So here is what is confusing or at the very least inconsistent. When providing links to "things" in components, the developer needs to use $URL_PREFIX to link the "thing" to the base of the workarea but there is no mention of this during configuration of the TinyMCE control via XML file.

Is it even possible to load ONLY ONE custom css file into TinyMCE and how is that done?

Here are my relevant code snippets:

customer-teamsite-resource-config.xml:
[html]



table,advhr,advimage,advlink,iespell,media,insertdatetime,preview,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable
advanced
fontselect,fontsizeselect
separator,insertdate,inserttime,preview,separator,forecolor,backcolor
emotions,iespell,advhr,separator,print,separator,ltr,rtl,separator,fullscreen
cut,copy,paste,pastetext,pasteword,separator,search,replace,separator
tablecontrols,separator
top
left
none
/dm-resources/assets/TinyMCE.css
%Y-%m-%d
%H:%M:%S
hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],select[class|id|lang|multiple|name|onblur|onchange|onclick|ondblclick|onfocus|onkeydown|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|size|style|tabindex|title],option[class|disabled|id|label|lang|onclick|ondblclick|onkeydown|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|selected|style|title|value]
false
false
example_link_list.js
example_image_list.js
example_flash_list.js
false
true
true
/
100%
false



[/html]

TinyMCE.css

.TinyMCE_Test
{
 font-size:24px;
}

Team

I am trying to re-size the TinyMCE height and width of the textarea.

I edited the following file: iw-home/TeamSite/httpd/webapps/content_center/WEB-INF/config/
livesite_customer\resources\customer-resource-config.xml.
Basically I added the following code for bean ID:

livesite.ContentProperties.InContextEdit.defaults
class="org.springframework.beans.factory.config.PropertiesFactoryBean">

prop key="textareaDefaultHeight" with value as 880
prop key="textareaDefaultWidth with value as 710


When I try to run build.sh, I do see the .war file updated. But when I try to unzip this .war to see if my changes are there in the customer-resource-config.xml, I do not see those changes.

Question:
1. Why the code I added is not going in livesite_customer_tk.war file.
2. Am I missing something while doing the build
3. If it is only Livesite - TinyMCE changes, Do I still need to run maketoolkit.ipl. I am running the Linux envt.
4. Am I doing it the correct way If I need to re-size the ht and width of tinyMCE in Livesite

Pls suggest

tomcat monitor.jpg