관리-도구
편집 파일: spell-checker.html
<html> <head> <title>Example of HTMLArea 3.0</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- Configure the path to the editor. We make it relative now, so that the example ZIP file will work anywhere, but please NOTE THAT it's better to have it an absolute path, such as '/htmlarea/'. --> <script type="text/javascript"> _editor_lang = "en"; _editor_url = "../"; </script> <!-- load the main HTMLArea files --> <script type="text/javascript" src="../htmlarea.js"></script> <style type="text/css"> html, body { font-family: Verdana,sans-serif; background-color: #fea; color: #000; } a:link, a:visited { color: #00f; } a:hover { color: #048; } a:active { color: #f00; } textarea { background-color: #fff; border: 1px solid 00f; } </style> <script type="text/javascript"> HTMLArea.loadPlugin("SpellChecker"); var editor = null; function initEditor() { // create an editor for the "ta" textbox editor = new HTMLArea("ta"); // register the SpellChecker plugin editor.registerPlugin(SpellChecker); editor.generate(); return false; } function insertHTML() { var html = prompt("Enter some HTML code here"); if (html) { editor.insertHTML(html); } } function highlight() { editor.surroundHTML('<span style="background-color: yellow">', '</span>'); } </script> </head> <!-- use <body onload="HTMLArea.replaceAll()" if you don't care about customizing the editor. It's the easiest way! :) --> <body onload="initEditor()"> <h1>HTMLArea 3.0</h1> <p>A replacement for <code>TEXTAREA</code> elements. © <a href="http://interactivetools.com">InteractiveTools.com</a>, 2003-2004.</p> <p>Plugins: <tt>SpellChecker</tt> (sponsored by <a href="http://americanbible.org">American Bible Society</a>). </p> <form action="test.cgi" method="post" id="edit" name="edit"> <textarea id="ta" name="ta" style="width:100%" rows="24" cols="80"> <h1>The <tt>SpellChecker</tt> plugin</h1> <p>This file deminstrates the <tt>SpellChecker</tt> plugin of HTMLArea. To inwoke the spell checkert you need to press the <em>spell-check</em> buton in the toolbar.</p> <p>The spell-checker uses a serverside script written in Perl. The Perl script calls <a href="http://aspell.net">aspell</a> for any word in the text and reports wordz that aren't found in the dyctionari.</p> <p>The document that yu are reading now <b>intentionaly</b> containes some errorz, so that you have something to corect ;-)</p> <p>Credits for the <tt>SpellChecker</tt> plugin go to:</p> <ul> <li><a href="http://aspell.net">Aspell</a> -- spell checker</li> <li>The <a href="http://perl.org">Perl</a> programming language</li> <li><tt><a href="http://cpan.org/modules/by-module/Text/Text-Aspell-0.02.readme">Text::Aspell</a></tt> -- Perl interface to Aspell</li> <li><a href="http://americanbible.org">American Bible Society</a> -- for sponsoring the <tt>SpellChecker</tt> plugin for <tt>HTMLArea</tt></li> <li><a href="http://dynarch.com/mishoo/">Your humble servant</a> for implementing it ;-)</li> </ul> </textarea> <p /> <input type="submit" name="ok" value=" submit " /> <input type="button" name="ins" value=" insert html " onclick="return insertHTML();" /> <input type="button" name="hil" value=" highlight text " onclick="return highlight();" /> <a href="javascript:mySubmit()">submit</a> <script type="text/javascript"> function mySubmit() { // document.edit.save.value = "yes"; document.edit.onsubmit(); // workaround browser bugs. document.edit.submit(); }; </script> </form> </body> </html>