StesCodes TextEditor Plugin(JQuery)

StesCodes TextEditor Plugin is a simple JQuery/JavaScript text editor with customizable options. Rich text editors has ease our work very much in terms of editing content or articles or even documents online. Our TextEditor Plugin allows the user to edit contents very easily. StesCodes Text Editor follows WYSIWYG pattern(What You See Is What You Get). Rich-text editors also known as online rich-text editors, are web components that allow users to edit and enter text within a web browser. This plugin is very light-weight, customizable and flexible for the developers and easy to use for the users. It allows users to edit rich HTML content on the fly and is very browser friendly.

StesCodes Rich Text Editor is a UI control that allows for the rich formatting of text content, including common structural formatting like lists, bold and italic text, underline, strike and more. It’s extremely easy to implement, initializing and configuring the text editor is very developer friendly. StesCodes plugin supports multiple text editor to work independly in same page without conflict.

Features:

TextEditor is simple and easily configurable.
TextEditor can be set with exact height and width.
TextEditor allows you to set border color.
TextEditor menus can be removed and added easily.
Contents can be loaded into the TextEditor during initialization and at any time.
Plugin supports multiple text editor to work independly in same page without conflict.
Can switch between code and content.
StesCodes TextEditor is browser compatible.
It’s free to use, even commercially.

Demo 1: Limited Menus

Demo 2: Full Menus

Initialize TextEditor

Code: Demo 1


  $("#stescodestexteditor").stescodesTextEditor({
        method: "init",
        width: "345px",
        height: "180px",
        remove: "orderedlist,indent,outdent,
                 horizontalline,code",
        borderColor: "#bccce3",
        content: "your contents"
   });

Code: Demo 2


  $("#stescodestexteditor").stescodesTextEditor({
        method: "init",
        width: "430px",
        height: "180px",
        remove: "none",
        borderColor: "#96e0f2",
        content: "your contents"
   });

Set Content To TextEditor Externally


  $("#stescodestexteditor").stescodesTextEditor({ method: "setValue", content: escape("your content") });

Get Content From TextEditor


  $("#stescodestexteditor").stescodesTextEditor({ method: "getValue" })

Menu Lists


  heading, font, size, bold, italic, underline, strike, alignleft, aligncenter, alignright, justify, forecolor, 
  fillcolor, undo, redo, link, unlink, image, unorderedlist, orderedlist, indent, outdent, horizontalline, code

You can download the code below

Comments:

Loading...

Leave Your Comment

Enter your name

*Enter email

Enter comments

Max Limit 1310 characters, characters entered

Submit

Clear