客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
FCKEditor是一款强大的在线编辑器，简单实用，多浏览器兼容，免费开源，应用十分广泛，据他的官方网站上称有三百多万的下载量，而且无数的知名大公司正在使用它。所以FCKEditor是很值得信赖的，现在 FCKeditor项目已转向下一代版本命名CKEditor的产品开发，基本上采用Fckeditor并对部分进行了重新设计和采用新技术以改善结构，性能更好扩展性更强。下面我们来介绍一个这两个编辑器，对于FCKEditor我们只讲一下在ASP.NET MVC中的用法其配置可以参考官方文档。 一、FCKEditor使用： 1、FCKEditor在ASP.NET MVC中的应用： 首先到http://ckeditor.com/download下载FCKeditor 2.6.5（我下载的时候报地址暂时有问题，但FCKEditor网上保有量很多，可以任意下载一个），将下载好的文件解压缩然后拷贝到你项目的Content文件夹下：
View
View代码
Controller：
Controller
1 [AcceptVerbs(HttpVerbs.Post)]
2 [ValidateInput(false)] 3 public ActionResult Test(string FckEditor1) 4 { 5 this.ValidateRequest = false; 6 return Content(FckEditor1); 7 } 8 public ActionResult Test() 9 { 10 return View(); 11 }
这里要注意[ValidateInput(false)]特性，它的目的是为了防止在提交时报“检测到有潜在危险的客户端输入值”，另外这里还有个奇怪的现象就是这个View不能在Index.aspx中，在Index.aspx即使使用了[ValidateInput(false)]特性还是会报错，换个新View就没这个问题了，不知道为什么？ 2、Helper版 为了让大家使用的更简单，我写了个Helper版，大家参考下：
Helper
View：
代码
<script src="<%= Url.Content("~/Content/fckeditor/fckeditor.js") %>" type="text/javascript"></script>
<%=Html.FckEditor(Url.Content("~/Content/fckeditor/"), "lfm", new { x = "x" })%>
二、CKEditor使用 1、CKEditor在ASP.NET MVC中的应用： 首先到http://ckeditor.com/download下载CKEditor。 CKEditor在ASP.NET MVC的使用就相当的简单了，只需要在脚本中执行CKEDITOR.replace(id);id为你需要拥有编辑功能的textarea的id。 View：
代码
<script src="<%= Url.Content("~/Content/ckeditor/ckeditor.js") %>" type="text/javascript"></script>
<% using (Html.BeginForm()) { %> <%= Html.TextArea("ckEditor1", "Some Value", new { @name="ckEditor1" })%> <input type="submit" value="提交" /> <% } %> <p> </p> <script type="text/javascript"> CKEDITOR.replace('ckEditor1'); </script> 结果：
2、CKEditor配置： CKEditor配置也很容易， 使用CKEDITOR.replace方法，根据不同的参数来应用不同的配置，例如
代码
<script type="text/javascript">
CKEDITOR.replace( 'editor2', { extraPlugins : 'uicolor', uiColor: '#14B8C4', toolbar : [ [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ], [ 'UIColor' ] ] } ); </script> 得到的结果： 其他配置可以参考官方文档。同时_samples文件夹中也有大量例子可供参考。 3、CKEditor瘦身： 如果你觉得整个编辑器太大，你可以删除文件。 例如把_samples、_source、文件夹删除，进入lang文件目录，保留en.js、zh.js、zh-cn.js三个文件，其余的语言文件如果你用不到，可以删除。 三、参考 http://www.ff-bb.cn/logs/46479725.html http://www.codeproject.com/KB/aspnet/fckeditor.aspx
我的ASP.NET MVC实践系列 ASP.NET MVC实践系列7-Grid实现（下-利用Contrib实现） ASP.NET MVC实践系列8-对查询后分页处理的解决方案 其他：
|
请发表评论