We take pride in your success. We let our positivity drive us, day in and out. Talk to us at Mindfire to know us more.

Software Technology Tips

While providing the user with something to input free text in, sometimes you may need to go beyond the normal text area. For example, you may need to give the user the flexibility to better format their input and insert a smiley :)

There are many Rich Text Editors (RTEs) available for this purpose. Many of them are free for personal use (For commercial use, you may have to buy a license).One of the most popular ones is FCKeditor which you can download and use (free for non-commercial use). Here's how:

1::Download

Visit http://www.fckeditor.net/download and download FCKeditor 2.6.4 & FCKeditor.Net / FCKeditor.Java (For .NET / Java).On unzip, you will find an fckeditor folder. Copy it to your own Project Folder and add the reference to the Fckeditor.js file

2::

I. Add as a control to your .NET Editor

Unzip the FCKeditor.net folder. For adding it to your editor as a control, create a new tab and on choose component add browse Fckeditor.Net_2.6.3\bin\Release\2.0\FredCK.FCKeditorV2.dll or you can copy it to a specified folder and set the reference from there.

Now you can drag and drop the control to your page and play with it!

II. ::You also can do this thing by creating the object of FckEditor

Add these lines to your codes:

<script type="text/javascript">

var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;

oFCKeditor.BasePath = sBasePath ;

oFCKeditor.Create() ;

</script>

III. ::Yet another approach to do this is by replacing the TextArea with the FckEditor

Add these lines to your code:

<textarea id="FckEditor"></textarea>
window.onload = function()

{

var oFckNote = new FCKeditor('FckEditor');

oFckNote.ReplaceTextarea();

}

- Detailed information related to this component can be found at www.fckeditor.net

- You can also explore more things by watching the sample application provided by

fck editor download package fck editor download package .

-You can also customize the look and behaviour by updating the following files of fckeditor
fckeditor.js

fckconfig.js

& the css style of the Skin andThemes

Related Tags:
ASP.NET

Author: Aditya Acharya

ASP.NET

More Related Tips

Software Technology Tips

ASP.NET

Let us Connect!