Configure HTMLArea stylesheet?

[FrankDeRosa]

I'm trying to configure HTMLArea to use the site's stylesheet so that when my clients edit products and such, they get a nice preview of what they will actually get. I can't seem to get it configured right - the path from there is kinda complicated, wherever that is - I'm not really sure where I'm even supposed to be configuring the path from. So, if anybody has an idea about how to set this up right, I'd really appreciate it.

Thanks,
Frank

[schoolboy]

The "data" for product descriptions is stored in the database, and if you use HTMLArea, the "styles" you apply (using HTMLArea's menu options - such as font family, font size/color, bold, italic, etc, etc) will be embedded in the descriptions' html. This will mean that these styles will over-ride any stylesheet declarations.

Fundamentally, this content will inherit the "body" style - unless you apply such embedded styles in the description code.

If there are specific stylesheet styles that you want the description data to use, then you must "edit" the description "text" in HTML (source) mode (use the <> toggle in HTMLArea to see the underlying source code), and then insert the desired stylesheet style ID's and/or classes manually.

Unless your "input clerk" has a good working knowledge of HTML, it's probably better to just use HTMLArea's menu options to create embedded styles.

[torvista]

Hi,
I knew I had already posted something about this but the forum search could not find it.
This is how you get HTMLarea to use your sites stylesheet:

http://www.zen-cart.com/forum/showthread.php?t=101001

regards
Steve

[FrankDeRosa]

Hi,
I knew I had already posted something about this but the forum search could not find it.
This is how you get HTMLarea to use your sites stylesheet:

http://www.zen-cart.com/forum/showthread.php?t=101001

regards
Steve

This is the configuration I was looking for. I was looking for the "proper" relative path to the css folder in my custom template, but I worked up a more "direct" path, starting at my account root. I was trying to avoid this since it's going to move and the path will have to change, but in the end, searching for the extra folder to replace in a few places will be faster than doing this "right".

I see to be liking the quotes today. I'll stop now.

I actually modified this a little further in the end - decided to import 2 stylesheets, one which is the actual master stylesheet.css, and one to override a few little styles like the site's background image which doesn't need to be in the back of the textarea. It looks like this:

this.pageStyle = "@import url(/includes/templates/inbio/css/stylesheet.css);\n@import url(/includes/templates/inbio/css/editor.css);";

Thanks for the help.
Frank