diff --git a/htmlarea/dialog.js b/htmlarea/dialog.js new file mode 100644 index 0000000..c42bfa6 --- /dev/null +++ b/htmlarea/dialog.js @@ -0,0 +1,74 @@ +// htmlArea v3.0 - Copyright (c) 2003-2005 dynarch.com +// 2002-2003 interactivetools.com, inc. +// This copyright notice MUST stay intact for use (see license.txt). +// +// Portions (c) dynarch.com, 2003-2004 +// +// A free WYSIWYG editor replacement for fields. +// For full source code and docs, visit http://www.interactivetools.com/ +// +// Version 3.0 developed by Mihai Bazon. +// http://dynarch.com/mishoo +// +// $Id$ + +// Though "Dialog" looks like an object, it isn't really an object. Instead +// it's just namespace for protecting global symbols. + +function Dialog(url, action, init) { + if (typeof init == "undefined") { + init = window; // pass this window object by default + } + Dialog._geckoOpenModal(url, action, init); +}; + +Dialog._parentEvent = function(ev) { + setTimeout( function() { if (Dialog._modal && !Dialog._modal.closed) { Dialog._modal.focus() } }, 50); + if (Dialog._modal && !Dialog._modal.closed) { + HTMLArea._stopEvent(ev); + } +}; + + +// should be a function, the return handler of the currently opened dialog. +Dialog._return = null; + +// constant, the currently opened dialog +Dialog._modal = null; + +// the dialog will read it's args from this variable +Dialog._arguments = null; + +Dialog._geckoOpenModal = function(url, action, init) { + var dlg = window.open(url, "hadialog", + "toolbar=no,menubar=no,personalbar=no,width=10,height=10," + + "scrollbars=no,resizable=yes,modal=yes,dependable=yes"); + Dialog._modal = dlg; + Dialog._arguments = init; + + // capture some window's events + function capwin(w) { + HTMLArea._addEvent(w, "click", Dialog._parentEvent); + HTMLArea._addEvent(w, "mousedown", Dialog._parentEvent); + HTMLArea._addEvent(w, "focus", Dialog._parentEvent); + }; + // release the captured events + function relwin(w) { + HTMLArea._removeEvent(w, "click", Dialog._parentEvent); + HTMLArea._removeEvent(w, "mousedown", Dialog._parentEvent); + HTMLArea._removeEvent(w, "focus", Dialog._parentEvent); + }; + capwin(window); + // capture other frames + for (var i = 0; i < window.frames.length; capwin(window.frames[i++])); + // make up a function to be called when the Dialog ends. + Dialog._return = function (val) { + if (val && action) { + action(val); + } + relwin(window); + // capture other frames + for (var i = 0; i < window.frames.length; relwin(window.frames[i++])); + Dialog._modal = null; + }; +}; diff --git a/htmlarea/examples/2-areas.cgi b/htmlarea/examples/2-areas.cgi new file mode 100644 index 0000000..328309b --- /dev/null +++ b/htmlarea/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 "text1text2"; +print "$text1$text2"; +print ""; diff --git a/htmlarea/examples/2-areas.html b/htmlarea/examples/2-areas.html new file mode 100644 index 0000000..0ca1e15 --- /dev/null +++ b/htmlarea/examples/2-areas.html @@ -0,0 +1,162 @@ + + + + + Example with 2 HTMLAreas in the same form + + + + + + + Example with 2 HTMLAreas in the same form + + + + + + + + <h3>HTMLArea #1</h3> + <p>This will submit a field named <em>text1</em>.</p> + + + + + + <h3>Second HTMLArea</h3> <p><em>text2</em> submission. Both are + located in the same FORM element and the script action is + 2-areas.cgi (see it in the examples directory)</p> + + + + + + + + + Mihai Bazon + + Last modified: Wed Jan 28 11:10:40 EET 2004 + + + diff --git a/htmlarea/examples/character_map.html b/htmlarea/examples/character_map.html new file mode 100644 index 0000000..678a281 --- /dev/null +++ b/htmlarea/examples/character_map.html @@ -0,0 +1,30 @@ + + + Test of CharacterMap plugin + + + + + + + + + + + + Test of DynamicCSS plugin + + + + diff --git a/htmlarea/examples/context-menu.html b/htmlarea/examples/context-menu.html new file mode 100644 index 0000000..e2c2a45 --- /dev/null +++ b/htmlarea/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/htmlarea/examples/core.html b/htmlarea/examples/core.html new file mode 100644 index 0000000..204c81d --- /dev/null +++ b/htmlarea/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/htmlarea/examples/css.html b/htmlarea/examples/css.html new file mode 100644 index 0000000..ffbc27e --- /dev/null +++ b/htmlarea/examples/css.html @@ -0,0 +1,90 @@ + + + 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/htmlarea/examples/custom.css b/htmlarea/examples/custom.css new file mode 100644 index 0000000..dbcb310 --- /dev/null +++ b/htmlarea/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/htmlarea/examples/dynamic.css b/htmlarea/examples/dynamic.css new file mode 100644 index 0000000..af7ac98 --- /dev/null +++ b/htmlarea/examples/dynamic.css @@ -0,0 +1,45 @@ +p { + FONT-FAMILY: Arial, Helvetica; + FONT-SIZE: 9pt; + FONT-WEIGHT: normal; + COLOR: #000000; +} + +p.p1 { + FONT-FAMILY: Arial, Helvetica; + FONT-SIZE: 11pt; + FONT-WEIGHT: normal; + COLOR: #000000; +} + +p.p2 { + FONT-FAMILY: Arial, Helvetica; + FONT-SIZE: 13pt; + FONT-WEIGHT: normal; + COLOR: #000000; +} + +div { + FONT-FAMILY: Arial, Helvetica; + FONT-SIZE: 9pt; + FONT-WEIGHT: bold; + COLOR: #000000; +} + +div.div1 { + FONT-FAMILY: Arial, Helvetica; + FONT-SIZE: 11pt; + FONT-WEIGHT: bold; + COLOR: #000000; +} + +div.div2 { + FONT-FAMILY: Arial, Helvetica; + FONT-SIZE: 13pt; + FONT-WEIGHT: bold; + COLOR: #000000; +} + +.quote { font-style: italic; color: #ee9; } +.highlight { background-color: yellow; color: #000; } +.deprecated { text-decoration: line-through; color: #aaa; } diff --git a/htmlarea/examples/dynamic_css.html b/htmlarea/examples/dynamic_css.html new file mode 100644 index 0000000..2e0a346 --- /dev/null +++ b/htmlarea/examples/dynamic_css.html @@ -0,0 +1,44 @@ + + + Test of CSS plugin + + + + + + + + + + + + Test of DynamicCSS plugin + + + p with default p style + p with p.class="p1" + p with p.class="p2" + + div with default div class + div with div.class="div1" + div with div.class="div2" + + testtext with common class="highlight" + + + diff --git a/htmlarea/examples/empty.html b/htmlarea/examples/empty.html new file mode 100644 index 0000000..db5af47 --- /dev/null +++ b/htmlarea/examples/empty.html @@ -0,0 +1,22 @@ + + + HTMLArea 3.0 core test + + + + + + + + diff --git a/htmlarea/examples/full-page.html b/htmlarea/examples/full-page.html new file mode 100644 index 0000000..d7e7537 --- /dev/null +++ b/htmlarea/examples/full-page.html @@ -0,0 +1,77 @@ + + + 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 Aug 11 13:59:07 CEST 2004 + + + diff --git a/htmlarea/examples/fully-loaded.html b/htmlarea/examples/fully-loaded.html new file mode 100644 index 0000000..e0330dc --- /dev/null +++ b/htmlarea/examples/fully-loaded.html @@ -0,0 +1,262 @@ + + +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/htmlarea/examples/index.html b/htmlarea/examples/index.html new file mode 100644 index 0000000..15a5b64 --- /dev/null +++ b/htmlarea/examples/index.html @@ -0,0 +1,43 @@ + + +HTMLArea examples index + + + +HTMLArea: auto-generated examples index + + + + 2-areas.html + + + character_map.html + + + context-menu.html + + + core.html + + + css.html + + + dynamic_css.html + + + empty.html + + + full-page.html + + + fully-loaded.html + + + + +mihai_bazon@yahoo.com + Last modified: Sun Feb 1 13:30:39 EET 2004 + + diff --git a/htmlarea/examples/list-type.html b/htmlarea/examples/list-type.html new file mode 100644 index 0000000..e7f2096 --- /dev/null +++ b/htmlarea/examples/list-type.html @@ -0,0 +1,66 @@ + + + +Example of HTMLArea 3.0 -- ListType plugin + + + + + + + + + + + + + + +HTMLArea :: the ListType plugin + + + + + +List style type is selected using the CSS property +"list-style-type". Hopefully it will work with Internet Explorer, +right? ;-) Let's start the monster to test it out.Cool, it +works. Except for "lower-greek", which doesn't seem to be +supported (and worse, a gross error message is displayed). Therefore, I +hide that proerty from IE--it will only be available if the browser is not +IE.This is a listwith decimal numbersblah blahdolor +sic ametyet +anotherlist with greekletterslorem +ipsumyada yada + + + + + + + diff --git a/htmlarea/examples/remove-font-tags.html b/htmlarea/examples/remove-font-tags.html new file mode 100644 index 0000000..646eb23 --- /dev/null +++ b/htmlarea/examples/remove-font-tags.html @@ -0,0 +1,41 @@ + + + The "htmlRemoveTags" feature + + + + + + + + + + + + Remove FONT tags + + + + + + Mihai Bazon + + Last modified: Wed Apr 28 15:09:09 EEST 2004 + + + diff --git a/htmlarea/examples/spell-checker.html b/htmlarea/examples/spell-checker.html new file mode 100644 index 0000000..2e95951 --- /dev/null +++ b/htmlarea/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: + + + + Aspell -- spell + checker + + The Perl programming language + + Text::Aspell + -- Perl interface to Aspell + + American Bible Society -- + for sponsoring the SpellChecker plugin for + HTMLArea + + Your humble servant for + implementing it ;-) + + + + + + + + + + + +submit + + + + + + + diff --git a/htmlarea/examples/table-operations.html b/htmlarea/examples/table-operations.html new file mode 100644 index 0000000..94b9670 --- /dev/null +++ b/htmlarea/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/htmlarea/examples/test.cgi b/htmlarea/examples/test.cgi new file mode 100644 index 0000000..7645962 --- /dev/null +++ b/htmlarea/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 + +
You submitted:
A replacement for TEXTAREA elements. © InteractiveTools.com, 2003-2004.
TEXTAREA
p with default p style
p with p.class="p1"
p with p.class="p2"
List style type is selected using the CSS property +"list-style-type". Hopefully it will work with Internet Explorer, +right? ;-) Let's start the monster to test it out.
Cool, it +works. Except for "lower-greek", which doesn't seem to be +supported (and worse, a gross error message is displayed). Therefore, I +hide that proerty from IE--it will only be available if the browser is not +IE.
Plugins: + SpellChecker (sponsored by American Bible Society). +
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:
Page that demonstrates the additional features of the +TableOperations plugin (sponsored by Zapatec Inc.).
This page exemplifies the table operations toolbar, provided by the +TableOperations plugin.
Following there is a table.
Text after the table