UEditor富文本框(附件上传)

可以先下载百度富文本框Editor的插件(上网可以搜到的)

UEditor富文本框(附件上传)

前台:(在js里敲写)


UEditor富文本框(附件上传)

注:contentEditor.setContent('@Html.Raw(Model.File)');设置或者改变编译器中的内容(用@Html.Raw是为了获取到的值没有html的标签)


1.同时需要引用这两个js

UEditor富文本框(附件上传)


2.此框为附件运行是所进入的选项中

UEditor富文本框(附件上传)


3.此框是对附件的相关设置(可以根据需求设置)

UEditor富文本框(附件上传)


同时在配置文件web.config里可以对上传的大小进行控制(最大允许的大小)

UEditor富文本框(附件上传)


运行图:

UEditor富文本框(附件上传)

点击之后

UEditor富文本框(附件上传)


如果在点击之后出现后配置的问题,导致不能上传,可以F12找出问题解决,或者试试将ueditor.config.js里的url设定一个相对固定的路径

UEditor富文本框(附件上传)