a few words about web development

CLEditor- Handy Javascript Wysiwyg editor

Another straight to the point solution
In this post I'd like to write a few word about a nice, simple jQuery WYSIWYG editor. It's not as simple as the editor I wrote and described on this website a while ago (<a href="/javascript/jquery-simple-wysiwyg-editor">de77 wysiwyg</a>) but it is simple enough and has few functions which are not in my editor (yet!).
So- CLEditor is just 16 kB in size, it looks nice:



and is very easy to install, just put those in your document's HEAD:
<link rel="stylesheet" type="text/css" href="../jquery.cleditor.css" />
<script type="text/javascript" src="../jquery.cleditor.min.js"></script>
and, of source, ensure you have jQuery linked:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Now, somewhere in your document put a textarea, like this:
<tex tarea id="input" name="input">Hello world</tex tarea>
and then just convert it into WYSIWYG editor:
<script type="text/javascript">
   $("#input").cleditor()[0].focus();
</script>
Simple, isn't it?

Download CLEditor1_3_0.zip

Comments