本文的使用環境是ASP.NET MVC4；

一、cheditor的使用方法：

　? 第1步，在Scripts文件夾下新建一文件夾，在文件夾中添加cheditor使用包的如下文件：

　　

第2步，在模板中添加引用：

<script src="~/Scripts/ckeditor/ckeditor.js"></script>

第3步，對要用富文本的textarea元素進行以下編輯：

<div>@Html.TextAreaFor(model => model.Description, new {@id="Description" }) </div> <script>var description = document.getElementById("Description");CKEDITOR.replace(description); </script>

?這樣，ckeditor使用完成.

二、ueditor的使用

第1步，同樣添加一個文件夾，如下所示：

第2步，添加引用：

??????? <script src="~/ueditor/ueditor.all.js"></script>
??????? <script src="~/ueditor/ueditor.config.js"></script>
??????? <link href="~/ueditor/themes/default/css/ueditor.css" rel="stylesheet" />

第3步，在要用ueditor的地方以如下方式使用：

<form action="server.php" method="post"> <!-- 加載編輯器的容器 --><script id="container" name="content" type="text/plain">@Model.Description</script> </form> <script type="text/javascript">var editor = UE.getEditor('container'); </script>

?效果如下：

同時要顯示的快功能是可以通過對config,js文件進行編輯修改的。

?

轉載于:https://www.cnblogs.com/zhuo1993/p/zhuo_desk.html

總結

以上是生活随笔為你收集整理的两种富文本编辑器-ckeditor和ueditor的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。