Location: PHPKode > projects > tgsf > tgsf-0.9.2/tgsf_core_assets/js/jquery/rte/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-ch" lang="fr-ch">
<title>A Light weight RTE jQuery Plugin</title>
<link type="text/css" rel="stylesheet" href="jquery.rte.css" />
<style type="text/css">
body, textarea {

<div id="main" style="width:800px;">
        <textarea name="form[info1]" cols="100" rows="10"  class="rte1" method="post" action="#">
<h2>Light weight Rich Text Editor (WYSIWYG) for jQuery</h2>
<p>Do you need <b>really lightweight and unbloated Rich Text Editor (WYSIWYG) for JQuery</b> and ability to extend it as you want? <b>So you at right place.</b></p>
<p>So why yet another "lightweight" RTE editor? The major reason - i couldn't find RTE editor:
	<li>without any builtin toolbars (you can turn off controls only, but this other case), </li>
	<li>really jQuery plugin, but not wrapper (I'm using jQuery in my projects, that's why best choice - real jQuery plugin),</li>
	<li>easy to extend (for example - file uploads.</li>
	<li><b>different toolbars</b> for design mode and source mode</li>

I tried to make this Rich Text Editor as simple as possible to be easily changed according your needs. <br/>
The file "jquery.rte.js" is <b>only 9kb uncompressed</b>. This has all that your editor probably need, but has not builtin toolbars - you can extend it easily as you want. <br/>
I also provided basic toolbar (<b>actually it has almost same features as other WYSIWYG editors</b>), <b><u>include Image/File uploads</u></b> (you will have to configure your server script for uploads or update "uploader.php" from example).
This editor is compatible with major browsers (IE6, Firefox 2, Opera 9, Safari 3.03) and degrade gracefully in a textarea for others.</p>
<p>P.S.: Tested with jQuery 1.2.6 and 1.3</p>
        <textarea name="form[info2]" id="test" class="rte2" method="post" action="#"></textarea>
    <input type="submit" />
<div id="test"></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.rte.js"></script>
<script type="text/javascript" src="jquery.rte.tb.js"></script>
<script type="text/javascript" src="jquery.ocupload-1.1.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	var arr = $('.rte1').rte({
		css: ['default.css'],
		controls_rte: rte_toolbar,
		controls_html: html_toolbar

		css: ['default.css'],
		width: 450,
		height: 200,
		controls_rte: rte_toolbar,
		controls_html: html_toolbar
	}, arr);

Return current item: tgsf