-
下载ueditor组件:
-
解压后剪切文件ueditor.json(文件原名为config.json方便区分改了名)到使用项目的根目录。
- 其余文件打包到ueditor文件夹放到wwwroot内(文件夹名其实可以随意)
- 安装NuGet包
- 后台代码创建UEditor控制器注入服务
public class UEditorController : Controller
{
private readonly UEditorService _ueditorService;
public UEditorController(UEditorService ueditorService)
{
this._ueditorService = ueditorService;
}
[HttpGet, HttpPost]
public ContentResult Upload()
{
var response = _ueditorService.UploadAndGetResponse(HttpContext);
return Content(response.Result, response.ContentType);
}
}
- 页面使用
<div>
<script id="Contents" name="Contents" type="text/plain">@Html.Raw(Model.Contents)</script>
</div>
注意引用顺序
<script src="~/ueditor/ueditor.config.js"></script>
<script src="~/ueditor/ueditor.all.min.js"></script>
<script src="~/ueditor/lang/zh-cn/zh-cn.js"></script>
$(function () {
UE.delEditor('Contents');
var ue = UE.getEditor('Contents', {});
ue.ready(function () {
ue.setHeight(550);
});
});
function getContent() {
var arr = [];
arr.push(UE.getEditor('Contents').getContent());
return arr.join("");
}
//判断编辑器内容为空
$("#Contents").val(getContent());
if($("#Contents").val()==""){
layer.msg("xxx", { icon: 0 });
return false;
}