Doesn't your HTML render as expected in the editor, or do you get
unexpected results when viewing the resulting HTML outside admin? If
you're used to hand-coding your HTML, remember that with wysiwyg
editors, your HTML is not your HTML anymore: you'll have to live with
the machine-generated markup.
The colors links made with tiny_mce will follow the current CSS
definitions. You can use Firefox and the Web Developer extension to
take a closer look at what's happening at the html/css level.
I got good results by following these guidelines when pasting stuff
into tiny_mce:
- do all formatting in CSS
- no formatting attributes in HTML, only id= and class=
- strip all extra tags and attributes in tiny_mce
In my textareas.js, I made the following changes compared to the django
howto:
theme_advanced_buttons1 :
"fullscreen,separator,formatselect,bullist,undo,redo,separator,link,unlink,separator,cleanup,code",
plugins : "save,fullscreen",
valid_elements : "a[href|title],p,br",
invalid_elements : "font,span",
This way my HTML keeps relatively clean and I get good results even
when copy-pasting from word processors. Of course, I add more valid
elements when I see a real need for them.
I also like the stripped-down user interface. No extra buttons, only
add new ones when they're really needed.
