How to Transform Textarea into WYSIWYG Rich Text Editor using Javascript

Here is another jQuery trick that I want to share. Now you can convert any HTML textarea in a webpage to Feature Rich Content/Text Editor using Javascript. Creating rich text area is very easy using a Javascript plugin called NicEdit. NicEdit is a WYSIWYG editor for websites. Its goal is to be as simple and fast as possible for users of your application. It is very lightweight can be easily integrated into any website providing visitors the effective means to express anything. And it supports mobile devices also.

How to Transform Textarea into Rich Text Editor

The plugin used to transform simple text area into WYSIWYG Rich Text Editor is NicEdit. It is a lightweight and effective JavaScript plugin. Now lets jump to the solution.

How To Use NicEdit

Step 1:

Simply add the below JavaScript include function in <head> </head> section of your HTML webpage.

Step 2:

Now call the desired calling method and its done. Below are three examples of calling methods. Please select one you need.

The above desired calling method will also be copped to <head></head> section. Below is a complete example. And check out the demo.

Complete Code:

How To Transform Textarea Into Rich Text Editor Using Javascript
How To Transform Textarea Into Rich Text Editor Using Javascript
How to Transform Textarea into Rich Text Editor using Javascript.zip
488.0 B
33 Downloads
Details

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

scroll to top