Complete html editor!

Home / Free JavaScripts / Other / Here

Cut & Paste Complete html editor!
Credit: Geoffery Miller (Geo's Games & Programs!)

Description: A complete html editor!

Example:

To save: Click on 'Preview', then go to 'File-Save As' in the new window.


Formatting	Mode Help Tells about the element Prompt Prompts you for information to put in the element and writes it Basic Writes only the elements to the text area
Headings	Links
Lists Ordered Unordered Definition	Images Align
Font	Copyright 1997 Geoffery Miller

Directions: Step 1: Copy the below into the <head> section of your page:

Step 2: Copy the following into the <body> section:

<form name="editor"> <center> <textarea name="area" rows=12 cols=50 wrap=physical> </textarea> <p> <b>To save: Click on 'Preview', then go to 'File-Save As' in the new window.</b> <table border=1> <tr> <td align=center> <b> <input type="button" value=" Start " onClick="start()">  <input type="button" value=" End " onClick="end()">      <input type="button" value=" Preview " onClick="preview()"> </b> </td> <td align=center> <input type="button" value=" Start Over " onClick="treset()">   <i> <input type="button" value=" About " onClick="alert('By Geoffery Miller, (C) 1997')"> </i> </td> </tr> <tr> <td valign=top> <b>Formatting</b><br> <input type="button" value=" Bold " onClick="bold()">    <input type="button" value=" Italics " onClick="italic()">    <input type="button" value=" Underline " onClick="underline()"><br> <input type="button" value=" Preformatted " onClick="pre()"><br> <input type="button" value=" Center " onClick="center()">           <input type="button" value=" Horizontal Bar " onClick="hbar()"><br> <input type="button" value=" Line Break " onClick="lbreak()">  <input type="button" value=" Paragraph Break" onClick="pbreak()"> </td> <td valign=top> <b>Mode</b><br> <input type="radio" name="mode" value="help" onClick="thelp(1)">  Help<br>   <i><small>Tells about the element</small></i><br> <input type="radio" name="mode" value="prompt" onClick="thelp(2)">  Prompt<br>   <i><small>Prompts you for information to<br>  put in the element and writes it</i></small><br> <input type="radio" name="mode" value="basic" checked onClick="thelp(0)">  Basic<br>   <i><small>Writes only the elements to<br>   the text area</small></i> </td> </tr> <tr> <td valign=top> <b>Headings</b><br> <input type="button" value=" 1 " onClick="head1()">   <input type="button" value=" 2 " onClick="head2()">   <input type="button" value=" 3 " onClick="head3()">   <input type="button" value=" 4 " onClick="head4()">   <input type="button" value=" 5 " onClick="head5()">   <input type="button" value=" 6 " onClick="head6()"> </td> <td valign=top> <b>Links</b><br> <input type="button" value=" Open " onClick="linkopen()">  <input type="button" value=" Text " onClick="linktext()">  <input type="button" value=" Close " onClick="linkclose()"> <br> <input type="button" value=" Anchor " onClick="anchor()"> </tr> <tr> <td valign=top> <b>Lists</b><br>      <i>Ordered</i><br>      <input type="button" value=" Open " onClick="orderopen()">  <input type="button" value=" Item " onClick="li()">  <input type="button" value=" Close " onClick="orderclose()"> <br>      <i>Unordered</i><br>      <input type="button" value=" Open " onClick="unorderopen()">  <input type="button" value=" Item " onClick="li()">  <input type="button" value=" Close " onClick="unorderclose()"> <br>      <i>Definition</i><br>      <input type="button" value=" Open " onClick="defopen()"> <input type="button" value=" Term " onClick="defterm()"> <input type="button" value=" Definition " onClick="define()"> <input type="button" value=" Close " onClick="defclose()"> </td> <td valign=top> <b>Images</b><br> <input type="button" value=" Image " onClick="image()"> <br>      <i>Align</i><br>      <input type="button" value=" Left "onClick="aleft()">  <input type="button" value=" Right " onClick="aright()"><br>      <input type="button" value=" Top " onClick="atop()">  <input type="button" value=" Middle " onClick="amid()">  <input type="button" value=" Bottom " onClick="abottom()"> </td> </tr> <tr> <td valign=top> <b>Font</b><br> <input type="button" value=" Font " onClick="font()">  <input type="button" value=" Color " onClick="fontcolor()">  <input type="button" value=" Size " onClick="fontsize()">  <input type="button" value=" Close " onClick="fontclose()"> </td> <td align=center> <small>Copyright 1997 Geoffery Miller</small> </td> </tr> </table> </center> <p> </form>

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info