Forum OpenACS Development: Re: css style classes for the documentation project

Here is what my .tcl file looks like currently:

template::head::add_script -type text/javascript -script "
xinha_editors = null;
xinha_init = null;
xinha_config = null;
xinha_plugins = null;
xinha_init = xinha_init ? xinha_init : function() {
xinha_plugins = xinha_plugins ? xinha_plugins :
\[$xinha_plugins\];

// THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING
if(!Xinha.loadPlugins(xinha_plugins, xinha_init)) return;

xinha_editors = xinha_editors ? xinha_editors :\[ $htmlarea_ids \];
xinha_config = xinha_config ? xinha_config() : new Xinha.Config();
$xinha_params
$xinha_options
xinha_editors =
Xinha.makeEditors(xinha_editors, xinha_config, xinha_plugins);
Xinha.startEditors(xinha_editors);
xinha_config.stylistLoadStylesheet('/home/openacs/openacs/packages/xowiki/www/resources/xowiki.css');

// We can load an external stylesheet like this - NOTE : YOU MUST GIVE AN ABSOLUTE URL
// otherwise it won't work!
//xinha_config.stylistLoadStylesheet('/mystyles.css');

// Or we can load styles directly
//xinha_config.stylistLoadStyles('p.red_text { color:red }');

// If you want to provide friendly names you can do so like this
xinha_config.stylistLoadStyles('p.pink_text { color:pink }', {'p.pink_text' : 'Pretty Pink'});

// or like this
//xinha_config.stylistLoadStylesheet('/mystyles.css', {'p.pink_text' : 'Pretty Pink'});
}
window.onload = xinha_init;

"

Any thoughts.
I really appreciate you walking me through this.
Thanks Again.

I am editing xowiki pages.
I was guided into the blank-template by people much smarter than myself on this subject. I guess I should have come to you first.

I went to the link you suggested and am now in that .tcl file.
I am using this code:

#Tony is playing in here...
set rich_text_spec {richtext(richtext),nospell,optional {
label Content} {html {style {width: 100%}}} {
options {editor xinha plugins {Stylist OacsFs} height 350px javascript {
xinha_config.stylistLoadStylesheet('/home/openacs/openacs/packages/xowiki/www/resources/xowiki.css',
{'div.code' : 'Code Block'});
}}}}

set widget_specs [list *,text $rich_text_spec]

I have been placing it different areas with no changes.
Is there a particular place I should be putting this?
I apologize for not getting this right.
Thanks again.

I'm kinda "wading in" on Tony's postings here.....

In the XoWiki manual you mention the "directory object".

See:
"The described configuration can be performed by editing the directory object and setting the variable rich_text_spec to the rich text widget specification as follows."

We do not know what/where the "directory object" is. Can you direct us to this file/object/page/instance?

Thanks for your help.

D.

Our problem specifically is this. We know the Stylist plugin is loaded (we see it in the Xinha "Plugins" tab when we click the "i" button (About this editor button) in a given Xinha instance).

However, the Xinha Stylist toolbar is not appearing.

How/where do we source in the Javascript code you provide in your documentation?

Do we create a new object/file/page/pageinstance and source in (maybe 'include') the code you provided?

Thanks for your patience.

We will make sure the applicable styles and the provided styles are in sync.

Will the Stylist panel display even if there are no 'applicable styles'?

I am still struggling with the 'folder object' concept. I have created an ::xowiki::Object and inserted the rich_text_spec definition referenced above into the 'Content' box.

Now, does that mean by simply saving this ::xowiki::Object I have 'enabled' the Stylist panel for this and other pages/objecs? How do other pages/objects reference this content?

Thanks.