如何在asp.net mvc项目中使用ckeditor？

来源：广州中睿信息技术有限公司

发布时间：2012/10/21 23:25:16 编辑：itlead 阅读 1543 次

　　1、下载与版本

　　版本：ckeditor_3.0.1

　　下载地址：http://ckeditor.com/

　　下载后直接解压得到ckeditor文件夹，包括如下内容：

　　

　　2、配置

　　其中sample为例子，source为源文件，为了减少editor的体积，直接删除。然后将整个文件夹直接拷贝到网站的根目录下。
　　

　　在你需要使用editor控件的页面头部添加：

　　<head> 　　... 　　<script type="text/javascript" src="/ckeditor/ckeditor.js"></script> 　　</head>

　　在页面相应位置上添加：

<textarea name="editor1"></textarea><script type="text/javascript"> 　　window.onload = function() 　　{ 　　CKEDITOR.replace( 'editor1' ); 　　}; 　　</script>

　　注意：js代码一定要写在textarea后其实可以这样理解editor控件只是对textarea做了一个漂亮的包装，我们的输入其实都在上面的texarea中，最终也是通过textarea 提交到服务器端。

　　服务器端配置：　

[AcceptVerbs(HttpVerbs.Post)] 　　[ValidateInput(false)] 　　public ActionResult Create(FormCollection collection) 　　{ 　　blog.Content = collection["editor1"]; 　　… 　　}

　　collection["editor1"]即可取得editor中的输入。这里需要注意的是由于textarea中有特殊字符，出于安全原因，默认情况mvc框架不允许提交的，应在相应方法上加上[ValidateInput(false)]属性。效果如下：

本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。