Using CKEDITOR with a Form Text Area Field

I need help using CKEDITOR with my form text area field.  http://docs.cksource.com/CKEditor_3.x/Users_Guide
I have a form field that is a text area. I need to update this field so that it works like a Rich Text Editor.  I have included the javascript file in my layout view as:
<script type="text/javascript" src="~/Scripts/ckeditor/ckeditor.js"></script>

My Database has a field for the Comments field that is a varchar(MAX) data type.
The Form View has a Text area field:

<div class="col-xs-6">
                @Html.TextArea("newComment", null, new
       {
           @class = "form-control",
           @type = "grow"
       })
</div>

I just display the notes as:  @note.Content
The onclick event of the Submit Button has:  onclick="editCR.addNote();

The JavaScript for addNote:
addNote: function () {
        this._post(SubmitNoteURL, {
            id: this.id,
            content: document.getElementById("newComment").value
        }, function (data) {
            var commentDiv = document.getElementById("commentArea");

            var para = document.createElement("p");

            var contentSpan = document.createElement("span");
            contentSpan.innerHTML = data.content;
            para.appendChild(contentSpan);

            document.getElementById("commentArea").appendChild(para);
        });

The controller to Add the Note:

public class NoteController : Controller
    {
        [HttpPost]
        public JsonResult Add(int id, string content)
        {
            DB.tbl_Note.Add(new tbl_Note()
            {
                Content = content
            });

            DB.SaveChanges();

            return Json(new
            {
                content = content
            });
        }
Crystal RouseTask LeadAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Mukesh YadavFull Stack DeveloperCommented:
So to get the content of the CKEditor, we have to use a method provided by the CKEditor script.

getData


{String} getData() Since: 3.0
Gets the editor data. The data will be in raw format. It is the same data that is posted by the editor.
Defined in: core/editor.js.
if ( CKEDITOR.instances.editor1.getData() == '' )
    alert( 'There is no data available' );
Returns:
{Undefined} (String) The editor data.
Crystal RouseTask LeadAuthor Commented:
If anyone has examples of how to use this with C# MVC, that would be great!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Databases

From novice to tech pro — start learning today.