diff --git a/www/extras/htmlArea3/examples/2-areas.cgi b/www/extras/htmlArea3/examples/2-areas.cgi
new file mode 100755
index 000000000..598df267c
--- /dev/null
+++ b/www/extras/htmlArea3/examples/2-areas.cgi
@@ -0,0 +1,16 @@
+#! /usr/bin/perl -w
+
+use strict;
+use CGI;
+
+my $cgi = new CGI;
+my $text1 = $cgi->param('text1');
+my $text2 = $cgi->param('text2');
+
+print "Content-type: text/html\n\n";
+
+print "
You submitted:
";
+print "";
+print "text1 text2 ";
+print "$text1 $text2 ";
+print "
";
diff --git a/www/extras/htmlArea3/examples/2-areas.html b/www/extras/htmlArea3/examples/2-areas.html
new file mode 100644
index 000000000..1386302f0
--- /dev/null
+++ b/www/extras/htmlArea3/examples/2-areas.html
@@ -0,0 +1,158 @@
+
+
+
+
+ Example with 2 HTMLAreas in the same form
+
+
+
+
+
+
+ Example with 2 HTMLAreas in the same form
+
+
+
+
+ Mihai Bazon
+
+ Last modified: Wed Jan 28 11:10:40 EET 2004
+
+
+
diff --git a/www/extras/htmlArea3/examples/context-menu.html b/www/extras/htmlArea3/examples/context-menu.html
new file mode 100644
index 000000000..388195bbc
--- /dev/null
+++ b/www/extras/htmlArea3/examples/context-menu.html
@@ -0,0 +1,95 @@
+
+
+ Test of ContextMenu plugin
+
+
+
+
+
+
+
+
+
+
+
+ Test of ContextMenu plugin
+
+
+
+<table border="1" style="border: 1px dotted rgb(0, 102, 255); width:
+100%; background-color: rgb(255, 204, 51); background-image: none; float:
+none; text-align: left; vertical-align: top; border-collapse: collapse;"
+summary="" cellspacing="" cellpadding="" frame="box"
+rules="all"><tbody><tr><td style="border: 1px solid
+rgb(255, 0, 0); background-color: rgb(0, 51, 51); background-image: none;
+text-align: left; vertical-align: top;"><a
+href="http://dynarch.com/mishoo/articles.epl?art_id=430"><img
+src="http://127.0.0.1/~mishoo/htmlarea/examples/pieng.png" alt="" align=""
+border="0" hspace="0" vspace="0" /></a></td><td
+style="border: 1px solid rgb(255, 0, 0); background-color: rgb(255, 255, 0);
+background-image: none; text-align: left; vertical-align: top;">The
+article linked on the left image presents a script that allows Internet
+Explorer to use PNG images. We hope to be able to implement IE PNG support
+in HTMLArea soon.<br /> <br /> Go on, right-click everywhere and
+test our new context menus. And be thankful to <a
+href="http://www.americanbible.org/">American Bible Society</a> who
+sponsored the development, <a
+href="http://dynarch.com/mishoo/">mishoo</a> who made it happen and
+God, Who keeps mishoo alife. ;-)<br /> <br /><span
+style="font-style: italic;">P.S.</span> No animals were harmed
+while producing this movie.<br />
+</td></tr><tr><td style="border-style: none;
+background-color: rgb(255, 255, 51); background-image: none; text-align:
+left; vertical-align: top;">Welcome to HTMLArea, the best online
+editor.<br /></td><td>HTMLArea is a project initiated by
+<a href="http://interactivetools.com/">InteractiveTools.com</a>.
+Other companies contributed largely by sponsoring the development of
+additional extensions. Many thanks to:<br /> <br
+style="font-family: courier new,courier,monospace;" /> <div
+style="margin-left: 40px;"><a href="http://www.zapatec.com/"
+style="font-family: courier
+new,courier,monospace;">http://www.zapatec.com</a><br
+style="font-family: courier new,courier,monospace;" /> <a
+href="http://www.americanbible.org/" style="font-family: courier
+new,courier,monospace;">http://www.americanbible.org</a><br
+style="font-family: courier new,courier,monospace;" /> <a
+href="http://www.neomedia.ro/" style="font-family: courier
+new,courier,monospace;">http://www.neomedia.ro</a><br
+style="font-family: courier new,courier,monospace;" /> <a
+href="http://www.os3.it/" style="font-family: courier
+new,courier,monospace;">http://www.os3.it</a><br
+style="font-family: courier new,courier,monospace;" /> <a
+href="http://www.miro.com.au/" style="font-family: courier
+new,courier,monospace;">http://www.miro.com.au</a><br
+style="font-family: courier new,courier,monospace;" /> <a
+href="http://www.thycotic.com/" style="font-family: courier
+new,courier,monospace;">http://www.thycotic.com</a><br />
+</div> <br /> and to all the posters at InteractiveTools HTMLArea forums, whose feedback is continually
+useful in polishing HTMLArea.<br /> <br /><div
+style="text-align: right;">-- developers and maintainers of version 3,
+<a href="http://dynarch.com/">dynarch.com</a>.<br
+/></div></td></tr></tbody></table>
+
+
+
+ Mihai Bazon
+
+ Last modified: Wed Jan 28 11:10:29 EET 2004
+
+
+
diff --git a/www/extras/htmlArea3/examples/core.html b/www/extras/htmlArea3/examples/core.html
new file mode 100644
index 000000000..536be0e95
--- /dev/null
+++ b/www/extras/htmlArea3/examples/core.html
@@ -0,0 +1,184 @@
+
+
+Example of HTMLArea 3.0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+HTMLArea 3.0
+
+A replacement for TEXTAREA elements. © InteractiveTools.com , 2003-2004.
+
+
+
+
+ <p>Here is some sample text: <b>bold</b>, <i>italic</i>, <u>underline</u>. </p>
+ <p align=center>Different fonts, sizes and colors (all in bold):</p>
+ <p><b>
+ <font face="arial" size="7" color="#000066">arial</font>,
+ <font face="courier new" size="6" color="#006600">courier new</font>,
+ <font face="georgia" size="5" color="#006666">georgia</font>,
+ <font face="tahoma" size="4" color="#660000">tahoma</font>,
+ <font face="times new roman" size="3" color="#660066">times new roman</font>,
+ <font face="verdana" size="2" color="#666600">verdana</font>,
+ <font face="tahoma" size="1" color="#666666">tahoma</font>
+ </b></p>
+ <p>Click on <a href="http://www.interactivetools.com/">this link</a> and then on the link button to the details ... OR ... select some text and click link to create a <b>new</b> link.</p>
+
+
+
+
+
+
+
+
+submit
+
+
+
+
+
+
+
diff --git a/www/extras/htmlArea3/examples/css.html b/www/extras/htmlArea3/examples/css.html
new file mode 100644
index 000000000..5700d6357
--- /dev/null
+++ b/www/extras/htmlArea3/examples/css.html
@@ -0,0 +1,88 @@
+
+
+ Test of CSS plugin
+
+
+
+
+
+
+
+
+
+
+
+ Test of FullPage plugin
+
+ <h1><tt>registerDropdown</tt></h1>
+
+<p>Here's some sample code that adds a dropdown to the toolbar. Go on, do
+ syntax highlighting on it ;-)</p>
+
+<pre>var the_options = {
+ "Keyword" : "keyword",
+ "Function name" : "function-name",
+ "String" : "string",
+ "Numeric" : "integer",
+ "Variable name" : "variable"
+};
+var css_class = {
+ id : "CSS-class",
+ tooltip : i18n["tooltip"],
+ options : the_options,
+ action : function(editor) { self.onSelect(editor, this); }
+};
+cfg.registerDropdown(css_class);
+toolbar[0].unshift(["CSS-class"]);</pre>
+
+<p>Easy, eh? ;-)</p>
+
+
+ Mihai Bazon
+
+ Last modified: Wed Jan 28 11:10:16 EET 2004
+
+
+
diff --git a/www/extras/htmlArea3/examples/custom.css b/www/extras/htmlArea3/examples/custom.css
new file mode 100644
index 000000000..e2690df07
--- /dev/null
+++ b/www/extras/htmlArea3/examples/custom.css
@@ -0,0 +1,29 @@
+body { background-color: #234; color: #dd8; font-family: tahoma; font-size: 12px; }
+
+a:link, a:visited { color: #8cf; }
+a:hover { color: #ff8; }
+
+h1 { background-color: #456; color: #ff8; padding: 2px 5px; border: 1px solid; border-color: #678 #012 #012 #678; }
+
+/* syntax highlighting (used by the first combo defined for the CSS plugin) */
+
+pre { margin: 0px 1em; padding: 5px 1em; background-color: #000; border: 1px dotted #02d; border-left: 2px solid #04f; }
+.code { color: #f5deb3; }
+.string { color: #00ffff; }
+.comment { color: #8fbc8f; }
+.variable-name { color: #fa8072; }
+.type { color: #90ee90; font-weight: bold; }
+.reference { color: #ee82ee; }
+.preprocessor { color: #faf; }
+.keyword { color: #ffffff; font-weight: bold; }
+.function-name { color: #ace; }
+.html-tag { font-weight: bold; }
+.html-helper-italic { font-style: italic; }
+.warning { color: #ffa500; font-weight: bold; }
+.html-helper-bold { font-weight: bold; }
+
+/* info combo */
+
+.quote { font-style: italic; color: #ee9; }
+.highlight { background-color: yellow; color: #000; }
+.deprecated { text-decoration: line-through; color: #aaa; }
diff --git a/www/extras/htmlArea3/examples/full-page.html b/www/extras/htmlArea3/examples/full-page.html
new file mode 100644
index 000000000..74666b8cb
--- /dev/null
+++ b/www/extras/htmlArea3/examples/full-page.html
@@ -0,0 +1,75 @@
+
+
+ Test of FullPage plugin
+
+
+
+
+
+
+
+
+
+
+
+ Test of FullPage plugin
+
+
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+ <html>
+ <head>
+ <title>FullPage plugin for HTMLArea</title>
+ <link rel="alternate stylesheet" href="http://dynarch.com/mishoo/css/dark.css" />
+ <link rel="stylesheet" href="http://dynarch.com/mishoo/css/cool-light.css" />
+ </head>
+ <body style="background-color: #ddddee; color: #000077;">
+ <table style="width:60%; height: 90%; margin: 2% auto 1% auto;" align="center" border="0" cellpadding="0" cellspacing="0">
+ <tr>
+ <td style="background-color: #ddeedd; border: 2px solid #002; height: 1.5em; padding: 2px; font: bold 24px Verdana;">
+ FullPage plugin
+ </td>
+ </tr>
+ <tr>
+ <td style="background-color: #fff; border: 1px solid #aab; padding: 1em 3em; font: 12px Verdana;">
+ <p>
+ This plugin enables one to edit a full HTML file in <a
+ href="http://dynarch.com/htmlarea/">HTMLArea</a>. This is not
+ normally possible with just the core editor since it only
+ retrieves the HTML inside the <code>body</code> tag.
+ </p>
+ <p>
+ It provides the ability to change the <code>DOCTYPE</code> of
+ the document, <code>body</code> <code>bgcolor</code> and
+ <code>fgcolor</code> attributes as well as to add additional
+ <code>link</code>-ed stylesheets. Cool, eh?
+ </p>
+ <p>
+ The development of this plugin was initiated and sponsored by
+ <a href="http://thycotic.com">Thycotic Software Ltd.</a>.
+ That's also cool, isn't it? ;-)
+ </p>
+ </td>
+ </tr>
+ </table>
+ </body>
+ </html>
+
+
+
+ Mihai Bazon
+
+ Last modified: Wed Jan 28 11:10:07 EET 2004
+
+
+
diff --git a/www/extras/htmlArea3/examples/fully-loaded.html b/www/extras/htmlArea3/examples/fully-loaded.html
new file mode 100644
index 000000000..f59b10ccc
--- /dev/null
+++ b/www/extras/htmlArea3/examples/fully-loaded.html
@@ -0,0 +1,248 @@
+
+
+Example of HTMLArea 3.0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+HTMLArea 3.0
+
+A replacement for TEXTAREA elements. © InteractiveTools.com , 2003-2004.
+
+
+
+
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN">
+<html>
+
+<head>
+<title>Passing parameters to JavaScript code</title>
+<link rel="stylesheet" href="custom.css" />
+</head>
+
+<body>
+<h1>Passing parameters to JavaScript code</h1>
+
+<p>Sometimes we need to pass parameters to some JavaScript function that we
+wrote ourselves. But sometimes it's simply more convenient to include the
+parameter not in the function call, but in the affected HTML elements.
+Usually, all JavaScript calls affect some element, right? ;-)</p>
+
+<p>Well, here's an original way to do it. Or at least, I think it's
+original.</p>
+
+<h2>But first...</h2>
+
+<p>... an example. Why would I need such thing? I have a JS function that
+is called on <code>BODY</code> <code>onload</code> handler. This function
+tries to retrieve the element with the ID "conttoc" and, if present, it will
+<a href="toc.epl" title="Automatic TOC generation">generate an index</a>.
+The problem is, this function exists in some external JavaScript library
+that it's loaded in page. I only needed to pass the parameter from
+<em>one</em> page. Thus, it makes sense to pass the parameter from the HTML
+code on <em>that</em> page, not to affect the others.</p>
+
+<p>The first idea that came to me was to use some attribute, like "id" or
+"class". But "id" was locked already, it <em>had</em> to be "conttoc". Use
+"class"? It's not elegant.. what if I really wanted to give it a class, at
+some point?</p>
+
+<h2>The idea</h2>
+
+<p>So I thought: what are the HTML elements that do not affect the page
+rendering in any way? Well, comments. I mean, <em>comments</em>, HTML
+comments. You know, like <code><!-- this is a comment --></code>.</p>
+
+<p>Though comments do not normally affect the way browser renders the page,
+they are still parsed and are part of the DOM, as well as any other node.
+But this mean that we can access comments from JavaScript code, just like we
+access any other element, right? Which means that they <em>can</em> affect
+the way that page finally appears ;-)</p>
+
+<h2>The code</h2>
+
+<p>The main part was the idea. The code is simple ;-) Suppose we have the
+following HTML code:</p>
+
+<pre class="code"><span class="function-name"><</span><span class="html-tag">div</span> <span class="variable-name">id=</span><span class="string">"conttoc"</span><span class="paren-face-match">></span><span class="function-name"><</span><span class="html-tag">/div</span><span class="function-name">></span></pre>
+
+<p>and our function checks for the presence an element having the ID
+"conttoc", and generates a table of contents into it. Our code will also
+check if the "conttoc" element's first child is a comment node, and if so
+will parse additional parameters from there, for instance, a desired prefix
+for the links that are to be generated into it. Why did I need it? Because
+if the page uses a <code><base></code> element to specify the default
+link prefix, then links like "#gen1" generated by the <a href="toc.epl">toc
+generator</a> will not point to that same page as they should, but to the
+page reffered from <code><base></code>.</p>
+
+<p>So the HTML would now look like this:</p>
+
+<pre class="code"><span class="function-name"><</span><span class="html-tag">div</span> <span class="variable-name">id=</span><span class="string">"conttoc"</span><span class="function-name">></span><span class="comment"><!-- base:link/prefix.html --></span><span class="paren-face-match"><</span><span class="html-tag">/div</span><span class="paren-face-match">></span></pre>
+
+<p>And our TOC generation function does something like this:</p>
+
+<pre class="code"><span class="keyword">var</span> <span class="variable-name">element</span> = getElementById("<span class="string">conttoc</span>");
+<span class="keyword">if</span> (element.firstChild && element.firstChild.nodeType == 8) {
+ <span class="comment">// 8 means Node.COMMENT_NODE. We're using numeric values
+</span> <span class="comment">// because IE6 does not support constant names.
+</span> <span class="keyword">var</span> <span class="variable-name">parameters</span> = element.firstChild.data;
+ <span class="comment">// at this point "parameters" contains base:link/prefix.html
+</span> <span class="comment">// ...
+</span>}</pre>
+
+<p>So we retrieved the value passed to the script from the HTML code. This
+was the goal of this article.</p>
+
+<hr />
+<address><a href="http://students.infoiasi.ro/~mishoo/">Mihai Bazon</a></address>
+<!-- hhmts start --> Last modified on Thu Apr 3 20:34:17 2003
+<!-- hhmts end -->
+<!-- doc-lang: English -->
+</body>
+</html>
+
+
+
+
+
+
+
+
+submit
+
+
+
+
+
+
+
diff --git a/www/extras/htmlArea3/examples/index.html b/www/extras/htmlArea3/examples/index.html
new file mode 100644
index 000000000..840a42c67
--- /dev/null
+++ b/www/extras/htmlArea3/examples/index.html
@@ -0,0 +1,40 @@
+
+
+HTMLArea examples index
+
+
+
+HTMLArea: auto-generated examples index
+
+
+
+
+mishoo@infoiasi.ro
+ Last modified: Sun Feb 1 13:30:39 EET 2004
+
+
diff --git a/www/extras/htmlArea3/examples/spell-checker.html b/www/extras/htmlArea3/examples/spell-checker.html
new file mode 100644
index 000000000..06c71a3eb
--- /dev/null
+++ b/www/extras/htmlArea3/examples/spell-checker.html
@@ -0,0 +1,132 @@
+
+
+Example of HTMLArea 3.0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+HTMLArea 3.0
+
+A replacement for TEXTAREA elements. © InteractiveTools.com , 2003-2004.
+
+Plugins:
+ SpellChecker (sponsored by American Bible Society ).
+
+
+
+
+
+
+The SpellChecker plugin
+
+ This file deminstrates the SpellChecker plugin of
+ HTMLArea. To inwoke the spell checkert you need to press the
+ spell-check buton in the toolbar.
+
+ The spell-checker uses a serverside script written in Perl. The
+ Perl script calls aspell for any
+ word in the text and reports wordz that aren't found in the
+ dyctionari.
+
+ The document that yu are reading now intentionaly containes
+ some errorz, so that you have something to corect ;-)
+
+ Credits for the SpellChecker plugin go to:
+
+
+
+
+
+
+
+
+
+
+
+submit
+
+
+
+
+
+
+
diff --git a/www/extras/htmlArea3/examples/table-operations.html b/www/extras/htmlArea3/examples/table-operations.html
new file mode 100644
index 000000000..e5545ba27
--- /dev/null
+++ b/www/extras/htmlArea3/examples/table-operations.html
@@ -0,0 +1,116 @@
+
+
+Example of HTMLArea 3.0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+HTMLArea 3.0
+
+A replacement for TEXTAREA elements. © InteractiveTools.com , 2003-2004.
+
+Page that demonstrates the additional features of the
+TableOperations plugin (sponsored by Zapatec Inc. ).
+
+
+
+
+
+Plugin: TableOperations
+
+This page exemplifies the table operations toolbar, provided by the
+TableOperations plugin.
+
+Following there is a table.
+
+
+ This is a table
+
+ 1.1 1.2 1.3 1.4
+ 2.1 2.2 2.3 2.4
+ 3.1 3.2 3.3 3.4
+ 4.1 4.2 4.3 4.4
+
+
+
+Text after the table
+
+
+
+
+
+
+
+
+
+submit
+
+
+
+
+
+
+
diff --git a/www/extras/htmlArea3/examples/test.cgi b/www/extras/htmlArea3/examples/test.cgi
new file mode 100755
index 000000000..9610ebcb4
--- /dev/null
+++ b/www/extras/htmlArea3/examples/test.cgi
@@ -0,0 +1,21 @@
+#! /usr/bin/perl -w
+#
+#
+#
+
+
+
+use CGI;
+
+print "Content-type: text/html\n\n";
+$c = new CGI;
+$ta = $c->param('ta');
+
+print <
+
+$ta
+$ta
+
+