HOME

JQUERY-TE wiki

http://jqueryte.com

Everything is as simple as the following:

$("textarea").jqte();

jQuery Text Editor, a HTML editor with WYSIWYG model and in fact this jQuery plugin. jQuery Text Editor is very easy to use and functional system.

If you have created a textarea and the value of class, such as "editor" used with the $(".editor").jqte(); will be enough to write script.

Of course you can also use a different attribute value.

---

HTML:<textarea></textarea>

JAVASCRIPT: <script>$("textarea").jqte();</script>

---

HTML:<textarea class="editor"></textarea>

JAVASCRIPT: <script> $(".editor").jqte(); </script>

---

HTML:<textarea id="example"></textarea>

JAVASCRIPT: <script> $("#editor").jqte(); </script>

---

HTML:<textarea name="example"></textarea>

JAVASCRIPT: <script> $("textarea[name=example]").jqte(); </script>

---

If you want to limit the value of the height of content area in the text editor, part of the css settings for _Content "max-height: __px" and "overflow-y: auto;".

This example shows to jQuery Text Editor is a very practical and customizable text editor.

---

HTML:<textarea class="editor"></textarea>

JAVASCRIPT: <script> $(".editor").jqte(); </script>

CSS: .editor_Content { max-height:200px; overflow-y:auto }

---

In addition, you can customize to the your text editor if you wish. So, interface is editable.

HTML:<textarea class="editor"></textarea>

JAVASCRIPT: <script> $(".editor").jqte({css:example}); </script>

CSS: .example { } // this is the text editor's class .example_Panel { } // this is button panel's class of the text editor's .example_Content { } // this is content area's class of the text editor's

---

In addition, you can customize to the your text editor if you wish. So, reduce the buttons.

HTML:<textarea></textarea>

JAVASCRIPT: <script> $("textarea").jqte({sub:false, sup:false}); </script>

---