Hi!!

I didn't find how to post a question, so, i did it here.

I'd like to change the color of de calendar, for example to the blue version.

How could i do it?

Thanks 1

You can load external styles into the editor using:

editor.config.pageStyle = "css code";

Normally you will use this to load a stylesheet by doing:

editor.config.pageStyle = "@import url(content.css);";

But since the pageStyle string is actually just any valid css text, you could also do something like:

editor.config.pageStyle = "@import url(content.css);";
editor.config.pageStyle += "body { background-color: #000; color: #FFF; }";

You can do both in a single assignment also, but it would probably be easier to split it up as your @import is most likely a standard customization, whereas the background color may be different based upon page.

Note: Remember that in CSS any @import directives must be the first thing in the code or they will not work.

This works correctly for me in Firefox 1.0.6, Mozilla 1.7.8, and in IE 6 (all on Windows).  In Firefox load the Javascript Console (under the Tools menu) and see if there are any error messages.

Chris, I don't know of any automatic way to do this, but it makes for a pretty simple plugin.  So...I decided to go ahead and write it.  I will publish the plugin later this week, but I wanted to be sure you knew that you were not being ignored.

(Just a disclaimer -- I do not work for dynarch.com or Interactive Tools, and am not in any other way officially connected with the HTMLArea project.  I've just been spending alot of time working on it for my own projects, so I figure I might as well share my work.  I personally think that this is the best HTML edit control ever made.)

Sure thing.  You could simply create a plugin with a new toolbar icon for the emoticons.  The CharacterMap plugin would probably make a great base -- simply modify it to insert the emoticons (as either <img>, bblcode, etc.) instead of the special HTML characters.  If you do not have the CharacterMap plugin already, you can grab it (along with other plugins and the latest htmlArea code base) from SourceForge.  Instructions available here.

I'm no mishoo, but hopefully I can help...

In order to replace your textarea with htmlArea you need to be sure you set the id attribute.

echo "<br><br><b>"._STORYTEXT."</b><br>"
."<textarea wrap=\"virtual\" cols=\"50\" rows=\"12\" id=\"hometext\" name=\"hometext\">"
."</textarea><br><br>"

Then you can use the example found in examples/core.html to replace the textarea.  Put this Javascript wherever it will be loaded on your stories page only.  (If you include this code on any page where a textarea with the given id doesn't exist, IE will generate errors.)

var editor = new HTMLArea("hometext");
editor.generate();

Hope this helps!

I wish there were, but there are not any to the best of my knowledge. I'm sure you could create some, but have not investigated how to do this. Is anybody out there interested in creating a Skins Plugin? Currently HTMLArea loads itself using the System colors, so it will generally look appropriate on any system (XPish on WinXP, 2000ish on Win 2000, etc.)

I've got the same problem here, without response.write().
But no solution yet :(
Where can I get older versions of HtmlArea?
Thx.

At one point I experienced this same problem, but no matter what I do I can't recreate it.

One thing you may want to try is grabbing the very latest version.  (The version available from dynarch.com is currently not the latest version  The latest version, available from Source Forge, include minor fixes, and more plugins.  View this thread for information on obtaining this version.

Version Note: if you download the latest version you will have to slightly modify your code to replace your textareas with htmlareas.  Do the following:

HTMLArea.loadPlugin("PluginName"); //For each Plugin you need to load
HTMLArea.init(); //Just once - this is a new function
HTMLArea.onload = function() {
  //Put your customization or loading functions here. Example:
  HTMLArea.replaceAll();
  return false;
}

Instead of or in addition to updating your version, you can also try providing customizations to the replaceAll() function.

var cfg = new HTMLArea.Config(); //Creates a new HTMLArea config object
cfg.width = "600px";             //overrides the textarea size
cfg.height = "200px";            //overrides the textarea size
//Indicates if the toolbar should fit inside or outside the textarea space
cfg.sizeIncludesToolbar = false;
//Replaces all textareas with your custom configuration
HTMLArea.replaceAll(cfg);

Ultimately, I recommend the following method for replacing textareas with htmlareas (requires adding id="" in addition to name="" for each of your textarea).  This gives you access to additional customizations, and also allows you to register plugins for each htmlarea.

HTMLArea.loadPlugin("TableOperations");
...
var editor = new HTMLArea("textarea-id"); //Creates a new HTMLArea object
var cfg = editor.config;  //Shortcut to the configuration object
cfg.width = "600px;"
cfg.height = "200px";
cfg.sizeIncludesToolbar = false;
editor._customUndo = true;  //Allows HTMLArea to manage Undo/Redo
editor.registerPlugin(TableOperations);

I hope this helps you solve your problem.  I'll keep checking back, so if you need further help just ask.