ASP.NET MVC实现layui富文本编辑器的应用

1、asp.net mvc实现layui富文本编辑器的应用先看看视图层在视图层,用法的是视图助手-htmlhelper,代替我们网页中传统的表单标签元素,其中的m代表实体模型。通过视图助手，为我们生成id和name属性相同的textarea标签。备注：在asp.net mvc中，能提交表单数据的元素（各种类型的input标签，textarea等），其属性name的值于实体模型中的属性名相同时，传递到控制器中的实体模型或参数，会自动举行映射，便利前端到后台的数据传递。 1 2 3 4 html.labelfor(m=m.introduce,new class="layui-form-lab

2、el") 5 6 html.textareafor(m=m.introduce)*等同* 7 8 9 10js调用layui的富文本编辑器： 1 2 layui.use(&39;layedit&39;, 3 function () 4 var layedit=layui.layedit; 5 /配置接口 6 /注重：layedit.set 一定要放在 build 前面，否则配置全局接口将无效。 7 layedit.set( 8 uploadimage: 9 url: &39;/course/uploadeditimg&39; /接口url 10 , type: &39;post&39

3、; /默认post11 12 );13 /建立富文本编辑器,更多设置,看layui文档,这里只是核心要点14 layedit.build(&39;introduce&39;);/build办法参数为id所对应的值,注重,此处不能加符号!15 1617以上是前端部分，要想实现在layui富文本编辑器中显示，看如下后台代码：实体结果类.layui的接受的值不支持大写，所以属性全小写，这是按照layui,edit上传返回结果来编写的此结果类。 1 using system.collections.generic; 2 3 namespace layuimvc.common.result 4 5 pu

4、blic class editordataresult 6 7 public int code get; set; 8 9 public string msg get; set; 1011 public dictionary data get; set; 12 13 控制器如下：要引用的命名空间没展示，只抽取了有关富文本的内容！ 1 /富文本编辑器上传 2 public actionresult uploadeditimg(httppostedfilebase file) 3 4 editordataresult editorresult=new editordataresult(); 5 i

5、f (file!=null&&!string.isnullorempty(file.filename) 6 7 string saveabsolutepath = server.mappath("/courseimages/editorimages"); 8 string savefilename = guid.newguid().tostring("n") + "_" + file.filename; 9 string filename = path.combine(saveabsolutepath, savefil

6、ename); 10 file.saveas(filename);11 editorresult.code = 0;12 editorresult.msg = "上传胜利!"13 editorresult.data=new dictionary()14 15 "src","/courseimages/editorimages/"+savefilename ,16 "title","名称" 17 ;18 19 else20 21 editorresult.code = 1;22 editorresult.msg = "上传失败!"23 editorresult.data=new dictionary()24 25 "src","" 26 ;27 28 javascriptserializer jss=new javascriptseri