MVC4 使用 ckfinder+ckeditor编辑器
配置
ckfinder for asp.net 版本下载地址 http://cksource.com/ckfinder/download
ckeditor下载地址 http://ckeditor.com/download
config.ascx
public override bool CheckAuthentication() { return true ; 设置为 true } |
config.filebrowserBrowseUrl = '/ckfinder/ckfinder.html' ; //不要写成"~/ckfinder/..."或者"/ckfinder/..." config.filebrowserImageBrowseUrl = '/ckfinder/ckfinder.html?Type=Images' ; config.filebrowserFlashBrowseUrl = '/ckfinder/ckfinder.html?Type=Flash' ; config.filebrowserUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files' ; config.filebrowserImageUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images' ; config.filebrowserFlashUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash' ; config.filebrowserWindowWidth = '800' ; //“浏览服务器”弹出框的size设置 config.filebrowserWindowHeight = '500'; } |
View
引用JS
< script src="../../ckeditor/ckeditor.js"></ script > < script src="../../ckfinder/ckfinder.js"></ script > < script src="../../Scripts/jquery-1.8.2.js"></ script > < div > < textarea name="TextArea1" cols="20" rows="2" class="ckeditor">@ViewBag.content</ textarea >//新增 < textarea name="TextArea1" cols="20" rows="2" class="ckeditor">@Model.Content</ textarea >//编辑 </ div > < p > < input type="submit" value="添加" /> </ p > |
<script type= "text/javascript" > $( function () { var editor = CKEDITOR.replace( "TextArea1" , { "toolbar" : "Basic" }); //显示编辑器 CKEDITOR.replace( 'TextArea1' ); var editor = CKEDITOR.replace( 'TextArea1' ); CKFinder.SetupCKEditor(editor, '/ckfinder/' ); }) </script> |
Controller
[HttpPost] [ValidateInput( false )] //设置避免出现 检测到有潜在危险的 Request.Form public ActionResult Edit( int id, FormCollection collection) { var content = collection[ "TextArea1" ]; var userinfo = db.userinfo.Find(id); userinfo.img = img; db.SaveChanges(); return RedirectToAction( "Index" ); } |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· 趁着过年的时候手搓了一个低代码框架
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· 乌龟冬眠箱湿度监控系统和AI辅助建议功能的实现