js调用layui的富文本编辑器：

1

2layui.use('layedit',

3function(){

4varlayedit=layui.layedit;

5//配置图片接口

6//注意：layedit.set一定要放在build前面，否则配置全局接口将无效。

7layedit.set({

8uploadImage:{

9url:'/Course/UploadEditImg'//接口url

10,type:'post'//默认post

11}

12});

13//建立富文本编辑器,更多设置,看layui文档,这里只是核心要点

14layedit.build('Introduce');//build方法参数为id所对应的值,注意,此处不能加#符号!

15}

16

17

以上是前端部分，要想实现在layui富文本编辑器中显示图片，看如下后台代码：

实体结果类.layui的接受的值不支持大写，所以属性全小写，这是根据layui,edit图片上传返回结果来编写的此结果类。

1usingSystem.Collections.Generic;

2

3namespaceLayuiMvc.Common.Result

4{

5publicclassEditorDataResult

6{

7publicintcode{get;set;}

8

9publicstringmsg{get;set;}

10

11publicDictionarydata{get;set;}

12}

13}

控制器如下：

要引用的命名空间没展示，只抽取了有关富文本的内容！

1//富文本编辑器图片上传

2publicActionResultUploadEditImg(HttpPostedFileBasefile)

3{

4EditorDataResulteditorResult=newEditorDataResult();

5if(file!=null&&!string.IsNullOrEmpty(file.FileName))

6{

7stringsaveAbsolutePath=Server.MapPath("~/CourseImages/EditorImages");

8stringsaveFileName=Guid.NewGuid().ToString("N")+"_"+file.FileName;

9stringfileName=Path.Combine(saveAbsolutePath,saveFileName);

10file.SaveAs(fileName);

11editorResult.code=0;

12editorResult.msg="图片上传成功!";

13editorResult.data=newDictionary()

14{

15{"src","/CourseImages/EditorImages/"+saveFileName},

16{"title","图片名称"}

17};

18}

19else

20{

21editorResult.code=1;

22editorResult.msg="图片上传失败!";

23editorResult.data=newDictionary()

24{

25{"src",""}

26};

27}

28JavaScriptSerializerjss=newJavaScriptSerializer();

29stringdata=jss.Serialize(editorResult);//转换为Json格式!

30

31returnJson(data);

32}

感谢各位的阅读，以上就是“ASP.NET MVC怎么实现layui富文本编辑器应用”的内容了，经过本文的学习后，相信大家对ASP.NET MVC怎么实现layui富文本编辑器应用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

本文题目：ASP.NETMVC怎么实现layui富文本编辑器应用
网站URL：http://kswjz.com/article/gsojpc.html