' var End = '\ \r

' /* currently, one must cut and paste thier html from the form into another app (notepad etc.) to save it, I'm going to be working on a way to make a 'preveiw window' that they could view and save it from */ function enter(form, string) { form.output.value += string } function About() { alert("\rWilterPage v2.0\rHTML Editor Written in JavaScript" + "\rŠ 1997 E-HACK\[email protected]" + "\r http://www.ilf.net/wilter/ehack/"); } function Help() { alert("Help for E-HACK\'s WilterPage v2.0" + "\r\rUsage:\rUse this to speed up the creation" + " of HTML documents (Web Pages). To use this, you" + " should already know HTML, if you don't it isn't" + " going to help you much.\r\rTo use WilterPage to" + " make a web page, click the \"START\" button and" + " the tags for the start of an HTML document will" + " appear in the textarea, cuztomize them for the" + " page you're creating, and go about using the oth" + "er buttons to make the rest of your HTML Document" + ", when you are done, hit the \"END\" button and the" + " end tags will appear.\rAfter you create an HTML" + " document, cut and paste it from the textarea to" + " notepad or any other text editor (MS Word, Wordperfect" + " etc.) and save it and upload to where you want it" + " to be." + " \rPretty simple eh?"); About() } // end hiding-->

E-HACK's WilterPage v2.0

HTML Editor written in JavaScript

Ever in a hurry to whip out a web page, or just hate typing all the tags, but you don't want to use some shitty html editor? Well, thats where WilterPage comes in, this is a simple JavaScript HTML Editor, what it does basically is allow for you to click buttons and have the tag pop up in the textarea, say you want to center some text, click the "CENTER" button and <CENTER></CENTER> pops into the edit box, same pretty much with the rest of the tags. This doesn't teach you HTML or make you not see the HTML, it just makes the creation of HTML much faster than by typing all the tags manually. If you wish to use this on your page, or have any comments or suggestions for the next version of WilterPage, please e-mail me at [email protected]. I know I left out some tags from this version, but I put in the tags that I use/see used most often, if you would like me to add some other tags to it, send me some e-mail, I will deffinitly be making another version of this.
Thanks,
E-HACK

Added form tags
Added bgclolor to the table
Revised layout somewhat
Added other miscellanious tags

More miscellanious tags
Preview page in new window
Smaller(possibly have radio buttons)

Back to my JavaScripts page

WilterPage v2.0 By: E-HACK
Your HTML:
	Header

Font
Form

Source For WilterPage v2.0

<html>

<head>

<title>WilterPage v2.0</title>

<head>

<!--hide from crappy browsers

/**********************************\

*     E-HACK's WilterPage v2.0     *

*         HTML EDITOR              *

*                                  *

*  Š 1997 ehack@wilter.com         *

* http://www.ilf.net/wilter/ehack/ *

* Feel free to use this script on  *

*  your pages, but you must leave  *

*    this header in the source     *

*  Do not modify this in any way   *

*    Long Live Wiltered Fire!      *

\**********************************/

function Edit(form) {

form.expr.value = eval(form.output.value)

}

var H1 = '\r<H1></H1>'

var H2 = '\r<H2></H2>'

var H3 = '\r<H3></H3>'

var H4 = '\r<H4></H4>'

var H5 = '\r<H5></H5>'

var H6 = '\r<H6></H6>'

var HR = '\r<HR>'

var BR = '<BR>'

var P = '\r<P>\r</P>'

var link = '\r<A HREF=""></A>'

var blue = '\r<FONT COLOR="0000FF"></FONT>'

var red = '\r<FONT COLOR="FF0000"></FONT>'

var black = '\r<FONT COLOR="000000"></FONT>'

var white = '\r<FONT COLOR="FFFFFF"></FONT>'

var yellow = '\r<FONT COLOR="FFFF00"></FONT>'

var fcother = '\r<FONT COLOR=""></FONT>'

var face = '\r<FONT FACE=""></FONT>'

var size1 = '\r<FONT SIZE=1></FONT>'

var size2 = '\r<FONT SIZE=2></FONT>'

var size3 = '\r<FONT SIZE=3></FONT>'

var size4 = '\r<FONT SIZE=4></FONT>'

var size5 = '\r<FONT SIZE=5></FONT>'

var size6 = '\r<FONT SIZE=6></FONT>'

var size7 = '\r<FONT SIZE=7></FONT>'

var I = '\r<I></I>'

var B = '\r<B></B>'

var UL = '\r<UL>\r<LI></LI>'

var eUL = '\r</UL>'

var OL = '\r<OL>\r<LI></LI>'

var eOL = '\r</OL>'

var LI = '\r<LI></LI>'

var centerh ='\r<CENTER><H?></CENTER</H?>'

var pre = '\r<PRE>\r</PRE>'

var IMG = '\r<IMG SRC="" height= width= ALT="">'

var Center = '\r<CENTER></CENTER>'

var Blink = '\r<BLINK></BLINK>'

var FoRm = '\r<FORM>'

var eFoRm = '\r</FORM>'

var textarea = '\r<TEXTAREA WRAP= ROWS= COLS=>

' var text = '\r' var radio = '\r' var checkbox = '\r' var button = '\r' var CLeAR = '\r' var submit = '\r' var Start = '' + '\r\rPage Title' + '\r\r

' var End = '\r\r

BODY OF YOUR PAGE BEGINING OF THE FORM

WilterPage v2.0 By: E-HACK
Your HTML: </textarea> </td></tr> <tr><td align=center><font color="ffffff"> <input type="button" value= "ABOUT" onClick="About()"> <input type="button" value= "HELP" onClick="Help()"> <input type="reset" value="CLEAR"> </td><td align=center> <font color="ffffff">Header<br> <input type="button" value=" H1 " onClick="enter(this.form, H1)"> <input type="button" value=" H2 " onClick="enter(this.form, H2)"> <input type="button" value=" H3 " onClick="enter(this.form, H3)"> <input type="button" value=" H4 " onClick="enter(this.form, H4)"> <input type="button" value=" H5 " onClick="enter(this.form, H5)"> <input type="button" value=" H6 " onClick="enter(this.form, H6)"> </td></tr><tr><td align=center colspan=2><font color="ffffff"> <input type="button" value=" START " onClick="enter(this.form, Start)"> <input type="button" value=" END " onClick="enter(this.form, End)"> <input type="button" value="CENTER" onClick="enter(this.form, Center)"> <input type="button" value=" CENTER+H?" onClick="enter(this.form, centerh)"> <input type="button" value=" BR " onClick="enter(this.form, BR)"> <input type="button" value=" P " onClick="enter(this.form, P)"> <input type="button" value=" I " onClick="enter(this.form, I)"> <input type="button" value=" B " onClick="enter(this.form, B)"> <input type="button" value=" HR " onClick="enter(this.form, HR)"> <input type="button" value=" PRE " onClick="enter(this.form, pre)"> <input type="button" value=" IMG " onClick="enter(this.form, IMG)"> <input type="button" value=" Blink " onClick="enter(this.form, Blink)"> <input type="button" value=" /UL " onClick="enter(this.form, eUL)"> <input type="button" value=" OL " onClick="enter(this.form, OL)"> <input type="button" value=" /OL " onClick="enter(this.form, eOL)"> <input type="button" value=" LI " onClick="enter(this.form, LI)"> <input type="button" value=" LINK " onClick="enter(this.form, link)"> </td></tr><tr><td align=center colspan=2><font color="ffffff"> Font<br> <input type="button" value=" 1 " onClick="enter(this.form, size1)"> <input type="button" value=" 2 " onClick="enter(this.form, size2)"> <input type="button" value=" 3 " onClick="enter(this.form, size3)"> <input type="button" value=" 4 " onClick="enter(this.form, size4)"> <input type="button" value=" 5 " onClick="enter(this.form, size5)"> <input type="button" value=" 6 " onClick="enter(this.form, size6)"> <input type="button" value=" 7 " onClick="enter(this.form, size7)"> <input type="button" value="RED" onClick="enter(this.form, red)"> <input type="button" value="BLUE" onClick="enter(this.form, blue)"> <input type="button" value="BLACK" onClick="enter(this.form, black)"> <input type="button" value="WHITE" onClick="enter(this.form, white)"> <input type="button" value="YELLOW" onClick="enter(this.form, yellow)"> <input type="button" value="OTHER" onClick="enter(this.form, fcother)"> <input type="button" value="FACE" onClick="enter(this.form, face)"> </td></tr><tr><td align=center colspan=2><font color="ffffff">Form<br> <input type="button" value="FORM" onClick="enter(this.form, FoRm)"> <input type="button" value="/FORM" onClick="enter(this.form, eFoRm)"> <input type="button" value="TEXTAREA" onClick="enter(this.form, textarea)"> <input type="button" value="TEXT" onClick="enter(this.form, text)"> <input type="button" value="RADIO" onClick="enter(this.form, radio)"> <input type="button" value="CHECKBOX" onClick="enter(this.form, checkbox)"> <input type="button" value="BUTTON" onClick="enter(this.form, button)"> <input type="button" value="RESET" onClick="enter(this.form, CLeAR)"> <input type="button" value="SUBMIT" onClick="enter(this.form, submit)"> </td></tr> </form></table></center> <!--END FORM FOR WilterPage--> below the form Š 1997 E-HACK ([email protected])

WilterPage v2.0 By: E-HACK

Your HTML:

</textarea>

</td></tr>

</td><td align=center>

<font color="ffffff">Header<br>

</td></tr><tr><td align=center colspan=2><font color="ffffff">

</td></tr><tr><td align=center colspan=2><font color="ffffff">

Font<br>

</td></tr><tr><td align=center colspan=2><font color="ffffff">Form<br>

</td></tr>

</form></table></center>

below the form

E-HACK's WilterPage v2.0

HTML Editor written in JavaScript

Š 1997 E-HACK ([email protected])