MVC中使用CKEditor01-基础

展开using System.Web.Mvc;
using MvcCKEditor.Models;
using Newtonsoft.Json;

namespace MvcCKEditor.Controllers
{
    public class HomeController : Controller
    {
        private List<Article> articles = null;

        public HomeController()
        {
            articles = new List<Article>
            {
                new Article(){ID =1,Subject = "主题1",Content = "内容1"},
                new Article(){ID = 2,Subject = "主题2",Content = "内容2"}
            };
        }

        public ActionResult Index()
        {
            
            return View(articles);
        }

        public ActionResult Create()
        {
            return View();
        }

        [HttpPost]
        //[ValidateAntiForgeryToken]
        [ValidateInput(false)]
        public ActionResult Create(string subject, string content)
        {
            Dictionary<string,string> jo = new Dictionary<string, string>();
            if (string.IsNullOrEmpty(subject))
            {
                jo.Add("Msg","没有输入标题 ");
                return Content(JsonConvert.SerializeObject(jo), "application/json");
            }
            if (string.IsNullOrEmpty(content))
            {
                jo.Add("Msg", "没有输入内容 ");
                return Content(JsonConvert.SerializeObject(jo), "application/json");
            }
            try
            {
                Article article = new Article();
                article.Subject = subject;
                article.Content = content;
                articles.Add(article);
                jo.Add("Result","Success");
            }
            catch (Exception ex)
            {
                jo.Add("Result","Failure");
                jo.Add("ResultMessage", ex.Message);
            }
            return Content(JsonConvert.SerializeObject(jo), "application/json");
        }
    }
}

展开@model MvcCKEditor.Models.Article

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Create</h2>

@using (Html.BeginForm("Create","Home",FormMethod.Post,new {id = "FormCreate"}))
{
    @Html.ValidationSummary(true)
    @Html.AntiForgeryToken()

    <fieldset>
        <legend>Article</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Subject)
        </div>
        <div class="editor-field">
            @Html.TextBox("subject",null,new {id="subject",style="width:400px",MaxLength="100"})
            @Html.ValidationMessageFor(model => model.Subject)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Content)
        </div>
        <div class="editor-field">
            @Html.TextArea("content",new {id="content", @name="content"})
            @Html.ValidationMessageFor(model => model.Content)
        </div>

        <p>
            <input type="button" value="创建" id="ButtonCreate" />
            @*<input type="submit" value="创建"/>*@
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">
        
        var editor = CKEDITOR.editor.replace(‘content‘, {
            skin: ‘kama‘,
            width: ‘800px‘
        });


        $(function () {
        
            $(‘#ButtonCreate‘).click(function () {
                createArticle();
            });
        });

        function createArticle() {
            var subject = $.trim($(‘#subject‘).val());
            var content = editor.getData();

            if (subject.length == 0) {
                alert(‘请输入标题‘);
                return false;
            }
            if (content.length == 0) {
                alert(‘请输入内容‘);
                return false;
            }

            $.ajax({
                url: ‘@Url.Action("Create", "Home")‘,
                type: ‘post‘,
                data: { subject: subject, content: content },
                cache: false,
                async: false,
                dataType: ‘json‘,
                success: function(data) {
                    if (data.Msg) {
                        alert(data.Msg);
                        return false;
                    } else {
                        if (data.Result == ‘Success‘) {
                            alert(‘Success‘);
                            location.href = ‘@Url.Action("Index", "Home")‘;
                        } else {
                            alert(data.ResultMessage);
                            return false;
                        }                           
                    }
                }
            });
        }
    </script>
}