Notes on Java, Solaris, PHP, LDAP…

November 17, 2007

Tiny MCE on Firefox, HTML/Ajax tools

Filed under: Uncategorized — negev @ 8:07 pm

HTML/CSS/Ajax notes
Edward Ort mentions in his blog
– HTML/Ajax tools:
Cross check – open-source toolkit that has an emulation environment for every major browser
Web developer toolbar – it provides a variety of neat functions such as editing CSS in place and validating HTML

Use <span style=”float: left” > to have stuff on same line as other div (in this case the other div aligned to the right)

Customizing CSS in Tiny MCE editor on Firefox
– when using default ‘advanced’ theme, edit tiny_mce/themes/advanced/css/editor_content.css and then re-load it in Firefox. Otherwise Firefox caches old version of editor_content.css
– in order to change line spacing of paragraphs, set margin-top, margin-bottom properties. Do not set padding-top, padding-bottom – those work in Safari but not in Firefox 2.
– subsequent editing of a contents in Safari loses formatting
—- some debugging:
when pressing enter in Tiny MCE, it starts a new paragraph with vertical space between the paragraphs. In order to make it a normal linespacing, set
— in /tiny_mce/themes/advanced/css/editor_content.css add

p {
margin-top: 0em;
margin-bottom: 0em;
and then anywhere when displaying the submitted text, render it within <span class=”tiny_mce_view” >…</span> and use

.tiny_mce_view p {
margin-top: 0em;
margin-bottom: 0em;
— However, after pressing Enter the current bold/italic… formatting gets lost.
— Rather than changing CSS, users can press Shift-Enter to enter a line break within the same paragraph – this preserves the formatting. However, in Safari 2.0.4 (419.3) on Mac OS X 10.4.8 or 10.4.9 it doesn’t start a new line until another character is presses – that character gets displayed on the new line.


Leave a Comment »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at

%d bloggers like this: