• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.Net MVC FCKEditor文本编辑器

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
学了一段时间的ASP.Net MVC框架,想用ASP.Net MVC框架做一个Blog的小程序。找了半天也没有找到一个好用的可以直接在MVC框架下调用的好富文本编辑器。也许可以直接在MVC框架中引用原来asp.net webform的一些组件,不过总感觉不大舒服,所以计划自己动手写一个。我首先想到了FCKEditor,它其实是一个与平台无关的富文本编辑器,他可以在java,asp,asp.net webform环境下运行,当然也可以在ASP.Net MVC框架下使用。今天自己动手试了一下发现效果不错 

 

Fck编辑器的大部分功能都是客户端js脚本完成的,唯一需要和服务器端交互的部分就是从服务器上浏览文件并上传文件了,我也基于MVC框架弄了一个浏览文件的页面。

下载地址:MvcFckEditor.rar     (目前只是初步实现了功能,希望大家多提反馈意见)

使用方法:

1、首先将压缩包中的所有文件复制到你的MVC应用程序的根目录下。

2、在要使用FCK编辑器的页面上添加:<script type="text/javascript" src="/fckeditor2.3.6/fckeditor.js"></script>

3、在要使用FCK编辑器的位置用HtmlHelper的一个扩展方法就可以调用了。(可以在VS2008下获得编辑器的提示还是很方便的)
<%=Html.FckEditor("FCKTextBox") %>

它有三个重载:

public static string FckEditor(this HtmlHelper html, string name);
public static string FckEditor(this HtmlHelper html, string name, FckConfig objFckConfig);
public static string FckEditor(this HtmlHelper html, string name, string value, FckConfig objFckConfig);

name:就是这个控件的名字了,和其他html控件一样。你可以在后台用Request.Form["name"]来获取值。

objFckConfig:是我定义Fck属性配置类,里面包括常用的 长、宽、高、皮肤、样式。(目前只能定义这几项以后会扩展更多的配置属性,这样应用起来就更灵活了)如果不配置则取默认值。

<%=Html.FckEditor("FCKTextBox", new FckConfig { Width="600", Height="500", Skin= FckSkin.Office2003, ToolbarSet= FckToolbarSet.Basic })%>

value:就是这个控件的值了,你可以指定这个值,如果不指定则默认取同名的ViewData中的值,这个就和其它HtmlHelper类似了。

关于上传文件位置的控制:

默认上传文件全部上传到"网站跟目录/userfiles”录下,如果大家在程序中引用MvcFckEditor.dll,并实现MvcFckEditor.Components.FckProvider这个抽象类中的GetUserFilesPath方法,大家就可以自己定义上传路径了。如: 

 

TestFckProvider

 然后我们需要在Web.config中配置一下,在appSettings节点中新增:

   <appSettings>
    <add key="FckProvider" value="McvTest.Provider.TestFckProvider, McvTest"/>
  </appSettings>

以后我会定义更多的抽象方法来实现更灵活的配置,如:判断用户当前是否可以上传文件,可以上传那些类型的文件,可以上传多大的文件,等等。。。

这样我们的程序就可以运行了,大家在使用中有什么建议和问题,都请留言,我将会继续改进这个MvcFckEditor的功能的。

 演示用例下载:MvcTest


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.NET 中 “返回上一页”的实现方法小结发布时间:2022-07-10
下一篇:
ASP.NET Core 高性能开发最佳实践发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap