Home › Forums › Drupal UK › General

Another TinyMCE query - using theme styles in the editor Textarea

Mon, 19/02/2007 - 18:23 — gpk

Have started experimenting with TinyMCE. Using Pushbutton theme I find that the main styles (e.g. heading styles) don't render in the editor in the same way as on the finished page. In other words, what you see ain't what you get (WYSAWYG).

From looking at drupal.org I get the impression that this behaviour is pretty usual.

I've played around with the CSS settings in admin -> settings -> tinymce, but to no avail. It is certainly picking up some of the theme's CSS (e.g. font, and font colour for heading 1) but it is all a bit random.

Anyone sorted out how to make it really WYSIWYG? Or would I be better to use FckEditor or HTMLarea?

Perhaps we could discuss on Friday?

‹ I need a quick bit of PHP / Drupal help! Anyone know a good host for Drupal that offers exec() ? ›
Tue, 20/02/2007 - 10:27 — greenman
greenman's picture

Oh Man, those WYS£%*$^!

Oh Man, those WYS£%*$^! editors get to me. Yes, I would also like to hear people's strategies for making them work. They are unfortunately very important, and I would really like to get over my desire to just go out and buy a commercial one!!
Tue, 20/02/2007 - 10:49 — Robert Castelo
Robert Castelo's picture

CSS path

In your TinyMCE profile(s) there's an option to use your own CSS file for how TinyMCE displays input.

My strategy  has been to separate colours and text formating into a separate CSS file anyway, and this becomes extra useful for TinyMCE as well.

So create separate CSS files for structure, colours, images, text formatting (size and spacing). Then link to them from style.css using:

@import url(css/colour.css);

Then create a tinymce.css file that also links to these files and use that in TinyMCE.

Tue, 20/02/2007 - 11:53 — gpk

Can we have a demo on Friday?

Thanks Robert that sounds like a cunning ploy. It would be great to see it all working properly, live + in the flesh! 

I presume that by importing the whole style.css I'm ending up with conflicting style rules when trying to apply them to a text area embedded deeply within the HTML document structure. 

Also I wonder how Mori has been getting on with TinyMCE - I remember he posted previously about getting it up and running...

One final query - I'm sure it's also possible to encourage TinyMCE to spit out the HTML in a legible format (which it doesn't on this site). Any tips greatly appreciated.

Giles Kennedy
www.gelst.com

Sat, 24/03/2007 - 16:46 — gpk

Thanks Robert, that was really helpful

I've not had time to implement this yet but your explanation about how TinyMCE's iframe may not inherit the right CSS stuff was really helpful. I'll be referring back to your tutorial on this in due course.

Thanks also for the tip about Firebug - it's amazing. Is there anything like this for IE? I mean, you get everything looking nice in Ff and then IE decides it's going to indent <li>'s by 1/2 inch for no apparent reason!

Best

Giles 

Giles Kennedy
www.gelst.com