Easy Code Creator

HTML/CSS
RegExp
Javascript
Help

http://

Sample HTML:

Link:
<a href="index.html"> Click Here</a>

Bold
<b>Bold Text</b>

Italic
<i>Italic Text</i>

Image:
<img src="" align="right" width="150" />

Paragraph
<p>Some paragraph</p>

Table
<table cellpadding="5">
<tr>
<th>Cell 1</th>
<th>Cell 2</th>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>

Unordered List
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>

Ordered List
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>

Definition List
<dl>
<dt>Dictionary Term</dt>
<dd>Dictionary Defininition</dd>
<dt>Dictionary Term 2</dt>
<dd>Dictionary Definition 2</dd>
</dl>

Header
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>

Invisible Tags
<html></html>
<body></body>
<title></title>
<link rel="stylesheet" href="" media="all" type="text/css" />
<style type="text/css"></style>
<script type="text/javascript"> </script>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="copyright" content="" />
<base href="" />

Pattern: Modifiers: Global Case Insensitive Multi-Line
Replacement: (Performance Tip: use the minimum amount of input text.)

Examples:

Character Types

\c	Control Character
\s	White space
\S	Not white space
\d	Digit
\D	Not digit
\w	Word
\W	Not Word
\xnn	Hexadecimal character: nn
\Onnn	Octal character: nnn
Word or String Markers
^	Beginning of a line
$	End of a line
\b	Word boundary
\B	Not a word boundary
\<	Beginning of a word
\>	End of a word
Ranges
.	Any new character except new line (\n)
(a\|b)	a or b
(...)	Group
(?:...)	Passive Group
[abc]	Range (a or b or c)
[^abc]	Not a or b or c
[a-q]	Letter between a and q
[A-Q]	Upper case letter between A and Q
[0-7]	Digit between 0 and 7
\n	nth group/subpattern
Quantifiers
*	0 or more
*?	0 or more, ungreedy
+	1 or more
+?	1 or more, ungreedy
?	0 or 1
??	0 or 1, ungreedy
{3}	Exactly 3
{3,}	3 or more
{3,5}	3, 4, or 5
{3,5}?	3, 4, or 5, ungreedy

Sample Javascript:

Write html to the page:
document.write("<h1>This is a heading</h1>");

Create a function:
function myFunction (newVar) {
   document.write(newVar);
}

Import an external javascript file:
<script type="text/javascript" src="xxx.js"></script>

Create a variable named myVariable:
var myVariable;

Assign a value to that variable:
myVariable = "This value";

Combining a string and a variable:
myName = "John Smith";
myVariable = "My Name is: " + myName + ".";

If ...Then Statement
if (myVariable < 10) {
   document.write("");
} else {
   document.write("<b>Good day</b>");
}

For Loop:
for (i = 0; i <= 5; i++) {
document.write("The number is " + i);
}

Create a random number:
var num = Math.random();

Javascript Popups:
Create an alert popup:
alert("You just made a horrible mistake!");

Create a confirmation dialog:
confirm("Accept this virus?");

Prompt for information:
prompt("Enter your name:", "Your Name");

Javascript Comments:

// Single line comment

/* This is a multi-line
comment. Nothing inside will be executed */

Event Handlers
onAbort, onBlur, onChange, onClick, onDblClick, onDragDrop, onError, onFocus, onKeyDown, onKeyPress, onKeyUp, onLoad, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onMove, onReset, onResize, onSelect, onSubmit, onUnload

Help

Easy Code Creator(ECC) is a simple way to write code, and immediately see the results. ECC reduces development time by reducing errors, and by live testing.

HTML & CSS

This section gives you the ability to live test any html and css code. In the upper right hand corner you can enter the url to a web page to have it imported into the input field.

Regular Expressions

The Regular Expression tester uses the Javascript RegEx replace function. The Javascript implementation of Regular Expressions recognizes all the standard Perl-compatible regular expression modifiers, with a few exceptions. Most notable is the absence of the dotall modifier. The alternative is to use something like [\s\S] instead of the dot, in order to match everything including line-breaks.

It is best to use the least amount of text necessary to test a matching pattern, as browsers tend to freeze or crash when failing to match a pattern against a large amount of text.

Javascript

This section allows you to enter inline javascript and html to test various javascript manipulations of html. The output loads into an iframe in order to give you the ability to manipulate the entire dom with a "blank slate".

General Info:

Why ECC?
WYSIWYG editors are intended to make adding content easier and faster. Unfortunately even the best ones add unnecessary code and often misinterpret custom code. The result is that creating standard code is actually much, much faster if the human editor just takes the time to learn a few HTML tags, and enters them directly. This program is intended as a resource to reduce the learning curve, and a reference to reduce the amount of memorizing needed. An excellent side effect of directly entering code is that code bloat is often drastically reduced, and the resulting efficient code tends to work more consistently with CSS styles, and various web standards.

What ECC is not
ECC does not attempt to teach anyone how to create good code. It is however an excellent learning tool in conjuction with tutorials, classes, etc.

Upcoming Updates
An inexpensive paid version is in the works that will integrate via ftp with your server, and will allow full website development from start to finish!

Also in the works is a developer version that will allow website developers to create a custom look and feel, and resell ECC as a fully integrated content management system. The new system will feature custom logo's, custom colors, and feature selection.

Saving and Printing

All three editors have the ability to save and or print the results.

HTML & CSS: This editor will print out in a two-column layout. One column shows the code, and the other column displays the result. The save option will produce an html file. If you imported a page, the filename will be preserved, otherwise the filename becomes ECC.html prepended with today's date.

Regular Expressions: This editor will print the pattern, replacement, and results. The input text will not be printed. The save function will save only the output to a text file.

Javascript: The print and save options will save/print only the input. The save will create an html file, since the code is tested inline. In the future, there will be an additional option to strip the html and save directly as a javascript file.