词条统计
浏览次数:8158 次
编辑次数:2次 历史版本
最近更新:2013/6/20
创建者:掷鸡蛋者


请注意,我们上面的文章内容输入框是一段 textarea 框,用户只能在里面输入普通的纯文本内容。对于大多数网站来说,这个功能已经非常落伍了,通常,我们会让用户使用富文本编辑器,可以自由的编辑文本的字体、大小和样式。

在wojilu MVC框架中,已经自带了一个编辑器,这个编辑器是自主开发的,跟 wojilu MVC framework 无缝集成,使用起来非常方便,另外也兼容几乎所有的主流浏览器。

现在我们把文章内容输入框改成富文本编辑器。

第一步:将Add.html中原来的textarea 部分删除,替换成变量#{Editor}:

其次修改 ArticleController 的 Add 方法,添加一行代码:

 

注意:为了让编辑器能正常工作,Add.html中编辑器变量的名称必须是 Editor

看下实际效果:

修改文章部分的代码:

最后,必须在服务器端开启对html数据的接受:

 

在默认情况下,为了安全考虑,ctx.Post方法和ctx.PostValue方法会对客户端提交的数据进行 HtmlEncode 编码:

要接受富文本编辑器的内容,您必须另外使用 ctx.PostHtml 方法。

【常见问题】

1)如果你使用.net4.0,那么会出现“检测到有潜在危险的 Request.Form 值”的报错。
解答:wojilu是支持.net4.0的,这个问题只需要 在 web.config 中添加: <httpRuntime requestValidationMode="2.0" /> 即可。