Rich Text Editor for MVC

在网站开发中难免会用到富文本编辑器，本文将介绍一款富文本编辑器（在线HTML编辑器） Rich Text Editor ，简要说明一下其在MVC中的使用。

具体使用情况和下载地址请参考：http://www.richtexteditor.com/

一、准备工作

1.在上述网站中下载此编辑器的开发包，解压后会发现有几个文件夹，如图：

我使用的是Asp.Net MVC4 版本，开发是c#，请大家选择适合自己的开发包。

2.进入该文件（mvc4_cs_razor），把 richtexteditor 开发包文件夹复制到你的项目根目录下，并复制 bin 目录下的几个dll文件至你的项目bin文件夹下，如图：

复制后，项目下就有了这些文件，如图：

3. 添加对该编辑器DLL的引用（两个DLL：NetSpell.SpellChecker.dll 和 RichTextEditor.dll），如图：

4.修改配置文件：

IIS5，IIS6，IIS7 经典模式使用如下配置信息

<configuration>

  <system.web>

    <httpModules>

      <add name="UploadModule" type="RTE.UploadModule,RichTextEditor"/>

     </httpModules>

  </system.web>

</configuration> 

IIS7 集成模式使用如下配置信息

<configuration>

  <system.webServer>

    <modules>

      <add name="UploadModule" type="RTE.UploadModule,RichTextEditor"/>

    </modules>

  </system.webServer>

</configuration> 

二、在代码中如何使用

做完上述准备工作后，就开始在代码中使用了

1.发布新闻时

[CheckLoginAttributer]

        public ActionResult Create()

        {

            Editor Editor1 = new Editor(System.Web.HttpContext.Current, "Content");

            Editor1.MvcInit();

            ViewBag.Editor = Editor1.MvcGetString();

            return View();

        }

图解：

2.编辑新闻时，新闻内容是怎么赋值的呢？

//

        // GET: /News/Edit/5

        [CheckLoginAttributer]

        public ActionResult Edit(Guid id)

        {

            News news = db.News.Find(id);

            if (news == null)

            {

                return HttpNotFound();

            }

            Editor Editor1 = new Editor(System.Web.HttpContext.Current, "Content");

            Editor1.Text = news.Content;

            Editor1.MvcInit();

            ViewBag.Editor = Editor1.MvcGetString();

            return View(news);

        }

图解：

Rich Text Editor for MVC的相关教程结束。