Also you can check this MVC Code.
Downloaded Ckeditior from http://ckeditor.com/download and added in project
Models=> Detail.cs
public class Detail
{
[AllowHtml]
public string Description { get; set; }
}
Controllers => HomeController.cs
public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{
Detail d = new Detail();
return View();
}
[HttpPost]
public ActionResult Index(Detail detail)
{
string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
using (SqlConnection con = new SqlConnection(constr))
{
using (SqlCommand cmd = new SqlCommand("INSERT INTO DocTable([Desc],Desc1) VALUES(@Desc,@Desc1)", con))
{
cmd.Parameters.AddWithValue("@Desc", Server.HtmlDecode(detail.Description));
cmd.Parameters.AddWithValue("@Desc1", Server.HtmlDecode(detail.Description));
con.Open();
cmd.ExecuteNonQuery();
con.Close();
}
}
return View();
}
}
Views=> Home = > Index.cshtml
@model CkEditor.Detail
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="~/Themes/ckeditor/ckeditor.js"></script>
</head>
<body>
@using (Html.BeginForm("Index", "Home", FormMethod.Post))
{
<div class="form-horizontal">
<center><h4>Detail</h4></center>
<hr />
<div class="form-group">
@Html.LabelFor(model => model.Description, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.TextAreaFor(model => model.Description, new { @id = "FullDescription" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Save" class="btn btn-default" />
</div>
</div>
</div>
<script>
CKEDITOR.replace("FullDescription");
</script>
}
</body>
</html>