Apa itu Rich Text Editor
Rich Text Editor adalah editor teks yang diperkaya dengan kemampuan penebalan kata, pencetakan miring, pemasukan URL, gambar dan lain-lain. Ada beberapa macam Rich Text Editor, dari mulai yang desktop-base seperti Notepad,Notepad++ sampai ke web-based TinyMCE,fck-editor dll.
Lightweight RTE
Lightweight RTE adalah plugin JQuery untuk membuat rich text editor berbasis JQuery yang sederhana namun kaya fitur. Solusi lain selain Lightweight RTE antara lain: MarkitUp (http://markitup.jaysalvat.com/home/), jWYSIWYG (http://code.google.com/p/jwysiwyg/), HTMLBox (http://remiya.com/cms/projects/jquery-plugins/htmlbox/) dan lain-lain.
Menggunakan Lightweight RTE
Untuk dapat menggunakan Lightweight RTE, unduh dulu dari: http://rte-light.googlecode.com/svn/trunk/jquery.rte.js (klik kanan save-as).
Kemudian pasang javascript pada skrip html, seperti dicontohkan berikut:
[sourcecode language=”php”]
<form>
<p>
<textarea name="description" id="id_description"
class="rte-zone">jQuery RTE</textarea>
</p>
<p>
<textarea name="description2" id="id_description2"
class="rte-zone">jQuery RTE 2</textarea>
</p>
<input type="submit" />
</form>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.rte.js"></script>
<script type="text/javascript">
$(‘.rte-zone’).rte("css url", "toolbox images url");
</script>
</form>
[/sourcecode]
Screenshoot:
Silakan lihat demo-nya disini: http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html