To use RapidSpell Web Java with HtmlArea from Interactive Tools;
1. Add the RapidSpellWebLauncher tag to the page as usual.
In RapidSpellWebLauncher;
2. set ignoreXML="true", this allows RapidSpell to work properly with Html.
3. set textComponentName to "_yourFieldNameHere_editor", this assumes your text area name is "yourFieldNameHere"
4. set textComponentInterface to "HTMLTextBox"
Here is an example page, the HtmlArea Javascript files should be in the same directory;
<%@ taglib uri="/WEB-INF/RapidSpellWeb.tld" prefix="RapidSpellWeb" %> <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>Keyoti RapidSpell Web</TITLE>
</HEAD> <BODY >
<P><b>RapidSpell Web works with ANY rich HTML text boxes.</b>
<p><b>Please note that this is an evaluation version, the dictionary contains no words beginning with 'z'.</b> <form action='exampleTextBox6-3rdParty.jsp' method='post' name='myForm'> <input type='hidden' name='fMessage' value='complete'>
<!--Rich Text Area-->
<script language="Javascript1.2"><!-- // load htmlarea _editor_url = ""; // URL to htmlarea files var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]); if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; } if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; } if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; } if (win_ie_ver >= 5.5) { document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"'); document.write(' language="Javascript1.2"></scr' + 'ipt>'); } else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); } // --></script>
</head> <body> <a name="top"></a>
<form method=POST action="">
<div align=center> <span class="headline">htmlArea v2.03</span><br> <span class="headline2">A free WYSIWYG editor replacement for <textarea> fields.<br><a href=" http://www.interactivetools.com/" target="_blank">from your friends at interactivetools.com</a></span> <hr> </div>
<p>Sample textarea follows:</p>
<textarea name="yourFieldNameHere" style="width:800; height:150">
<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> </textarea><br>
<b>Example "InsertHTML" links: </b> <a href="javascript:editor_insertHTML('yourFieldNameHere','<font style=\'background-color: yellow\'>','</font>',1);">Highlight selected text</a> - <a href="javascript:editor_insertHTML('yourFieldNameHere',':)');">Insert Smiley</a> <a href="javascript:alert(editor_getHTML('yourFieldNameHere'));">getHTML</a> <a href="javascript:editor_setHTML('yourFieldNameHere','<b>Hello World</b>!!');">setHTML</a>
<script language="javascript1.2"> editor_generate('yourFieldNameHere'); </script>
<br> <RapidSpellWeb:rapidSpellWebLauncher rapidSpellWebPage="../RapidSpellCheckerPopUp.jsp" textComponentName="_yourFieldNameHere_editor" ignoreXML="true" textComponentInterface="HTMLTextBox" /> </form>
<br><br><p class="copyrightMessage">Copyright © 2002 Keyoti</p><br><br><br></BODY> </HTML>
|