📄 reference.html

📁 javascript写的在线编辑器
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN"><html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTMLArea-3.0 Reference</title><style type="text/css">  @import url(htmlarea.css);  body { font: 14px verdana,sans-serif; background: #fff; color: #000; }  h1, h2 { font-family:tahoma,sans-serif; }  h1 { border-bottom: 2px solid #000; }  h2 { border-bottom: 1px solid #aaa; }  h3, h4 { margin-bottom: 0px; font-family: Georgia,serif; font-style: italic; }  h4 { font-size: 90%; margin-left: 1em; }  acronym { border-bottom: 1px dotted #063; color: #063; }  p { margin-left: 2em; margin-top: 0.3em; }  li p { margin-left: 0px; }  .abstract { padding: 5px; margin: 0px 10em; font-size: 90%; border: 1px dashed #aaa; background: #eee;}  li { margin-left: 2em; }  em { color: #042; }  a { color: #00f; }  a:hover { color: #f00; }  a:active { color: #f80; }  span.browser { font-weight: bold; color: #864; }  .fixme { font-size: 20px; font-weight: bold; color: red; background: #fab;padding: 5px; text-align: center; }  .code {   background: #e4efff; padding: 5px; border: 1px dashed #abc; margin-left: 2em; margin-right: 2em;   font-family: fixed,"lucidux mono","andale mono","courier new",monospace;  }  .note, .warning { font-weight: bold; color: #0a0; font-variant: small-caps; }  .warning { color: #a00; }.string {  color: #06c;} /* font-lock-string-face */.comment {  color: #840;} /* font-lock-comment-face */.variable-name {  color: #000;} /* font-lock-variable-name-face */.type {  color: #008;  font-weight: bold;} /* font-lock-type-face */.reference {  color: #048;} /* font-lock-reference-face */.preprocessor {  color: #808;} /* font-lock-preprocessor-face */.keyword {  color: #00f;  font-weight: bold;} /* font-lock-keyword-face */.function-name {  color: #044;} /* font-lock-function-name-face */.html-tag {  font-weight: bold;} /* html-tag-face */.html-helper-italic {  font-style: italic;} /* html-helper-italic-face */.html-helper-bold {  font-weight: bold;} /* html-helper-bold-face */</style><script type="text/javascript">  _editor_url = './';  _editor_lang = 'en';</script><script type="text/javascript" src="htmlarea.js"></script><script type="text/javascript" src="dialog.js"></script><script tyle="text/javascript" src="lang/en.js"></script></head><body onload="HTMLArea.replace('TA')"><h1>HTMLArea-3.0 Documentation</h1><div class="abstract" style="color: red; font-weight: bold">      This documentation contains valid information, but is outdated in the      terms that it does not covers all the features of HTMLArea.  A new      documentation project will be started, based on LaTeX.</div><h2>Introduction</h2><h3>What is HTMLArea?</h3><p>HTMLArea is a free <acronym title="What You See Is What You Get">WYSIWYG</acronym> editor replacement for <code>&lt;textarea&gt;</code>fields.  By adding a few simple lines of JavaScript code to your web pageyou can replace a regular textarea with a rich text editor that lets yourusers do the following:</p><ul>  <li>Format text to be bold, italicized, or underlined.</li>  <li>Change the face, size, style and color.</li>  <li>Left, center, or right-justify paragraphs.</li>  <li>Make bulleted or numbered lists.</li>  <li>Indent or un-indent paragraphs.</li>  <li>Insert a horizontal line.</li>  <li>Insert hyperlinks and images.</li>  <li>View the raw HTML source of what they're editing.</li>  <li>and much more...</li></ul><p>Some of the interesting features of HTMLArea that set's it apart fromother web based WYSIWYG editors are as follows:</p><ul>  <li>It's lightweight, fast loading and can transform a regular textarea  into a rich-text editor with a single line of JavaScript.</li>  <li>Generates clean, valid HTML.</li>  <li>It degrades gracefully to older or non-supported browsers  (they get the original textarea field).</li>  <li>It's free and can be incorporated into any free or commercial  program.</li>  <li>It works with any server-side languages (ASP, PHP, Perl, Java,  etc).</li>  <li>It's written in JavaScript and can be easily viewed, modified or  extended.</li>  <li>It remembers entered content when a user navigates away and then hits  "back" in their browser.</li>  <li>Since it replaces existing textareas it doesn't require a lot of code  to add it to your pages (just one line).</li>  <li>Did we mention it was free? ;-)</li></ul><h3>Is it really free?  What's the catch?</h3><p>Yes! It's really free. You can use it, modify it, distribute it with yoursoftware, or do just about anything you like with it.</p><h3>What are the browser requirements?</h3><p>HTMLArea requires <span class="browser"><ahref="http://www.microsoft.com/ie">Internet Explorer</a> &gt;= 5.5</span>(Windows only), or <span class="browser"><ahref="http://mozilla.org">Mozilla</a> &gt;= 1.3-Beta</span> on any platform.Any browser based on <a href="http://mozilla.org/newlayout">Gecko</a> willalso work, provided that Gecko version is at least the one included inMozilla-1.3-Beta (for example, <ahref="http://galeon.sf.net">Galeon-1.2.8</a>).  However, it degradesgracefully to other browsers. They will get a regular textarea fieldinstead of a WYSIWYG editor.</p><h3>Can I see an example of what it looks like?</h3><p>Just make sure you're using one of the browsers mentioned above and seebelow.</p><form onsubmit="return false;"><textarea id="TA" style="width: 100%; height: 15em;"><p>Here is some sample text in textarea that's been transformed with <fontcolor="#0000CC"><b>HTMLArea</b></font>.<br />You can make things <b>bold</b>, <i>italic</i>, <u>underline</u>.  You can change the<font size="3">size</font> and <b><font color="#0000CC">c</font><font color="#00CC00">o</font><font color="#00CCCC">l</font><font color="#CC0000">o</font><font color="#CC00CC">r</font><font color="#CCCC00">s</font><font color="#CCCCCC">!</font></b>And lots more...</p><p align="center"><font size="4" color="#ff0000"><b><u>Try HTMLAreatoday!</u></b></font><br /></p></textarea></form><h3>Where can I find out more info, download the latest version and talk toother HTMLArea users?</h3><p>You can find out more about HTMLArea and download the latest version onthe <a href="http://dynarch.com/htmlarea/">HTMLAreahomepage</a> and you can talk to other HTMLArea users and post any commentsor suggestions you have in the <ahref="http://www.interactivetools.com/iforum/Open_Source_C3/htmlArea_v3.0_-_Alpha_Release_F14/">HTMLArea forum</a>.</p><h2>Keyboard shortcuts</h2><p>The editor provides the following key combinations:</p><ul>  <li>CTRL-A -- select all</li>  <li>CTRL-B -- bold</li>  <li>CTRL-I -- italic</li>  <li>CTRL-U -- underline</li>  <li>CTRL-S -- strikethrough</li>  <li>CTRL-L -- justify left</li>  <li>CTRL-E -- justify center</li>  <li>CTRL-R -- justify right</li>  <li>CTRL-J -- justify full</li>  <li>CTRL-1 .. CTRL-6 -- headings (&lt;h1&gt; .. &lt;h6&gt;)</li>  <li>CTRL-0 (zero) -- clean content pasted from Word</li></ul><h2>Installation</h2><h3>How do I add HTMLArea to my web page?</h3><p>It's easy.  First you need to upload HTMLArea files to your website.Just follow these steps.</p><ol>  <li>Download the latest version from the <a  href="http://www.interactivetools.com/products/htmlarea/">htmlArea  homepage</a>.</li>  <li>Unzip the files onto your local computer (making sure to maintain the  directory structure contained in the zip).</li>  <li>Create a new folder on your website called /htmlarea/ (make sure it's  NOT inside the cgi-bin).</li>  <li>Transfer all the HTMLArea files from your local computer into the  /htmlarea/ folder on your website.</li>  <li>Open the example page /htmlarea/examples/core.html with your browser to make  sure everything works.</li></ol><p>Once htmlArea is on your website all you need to do is add someJavaScript to any pages that you want to add WYSIWYG editors to.  Here's howto do that.</p><ol>  <li>Define some global variables.  "_editor_url" has to be the absolute  URL where HTMLArea resides within your  website; as we discussed, this would be 鈥
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -