在.net core的web项目中使用kindeditor

最新推荐文章于 2025-02-17 16:59:43 发布

原创

最新推荐文章于 2025-02-17 16:59:43 发布 · 477 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在.NET Core MVC项目中使用KindEditor富文本编辑器，并重点讲解了如何配置KindEditor的图片上传功能，通过控制器处理图片上传到wwwroot下的upload目录。文中提供了具体的代码示例，包括KindeditorPicUpload控制器的方法实现。

本项目是一个.net core的mvc项目

1.下载kindeditor 4.1.11 解压后将文件夹置于 wwwroot目录下，如图:

2.在HomeController的Index控制器对应的index视图输入一下代码:

@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我是管理员首页</title>
@*首先要引入关键的两个js*@
<script charset="utf-8" src="/kindeditor/kindeditor-all-min.js"></script>
<script charset="utf-8" src="/kindeditor/lang/zh-CN.js"></script>
@*创建KindEditor对象*@
<script>
KindEditor.ready(function (K) {
K.create('#editor_id', {
//注意kindeditor包里面自带的是一个ashx的一班处理程序此处改为mvc的控制器方法
uploadJson: '@Url.Action("KindeditorPicUpload", "KEUpload")',
//fileManagerJson: '/kindeditor/asp.net/file_manager_json.ashx',
allowFileManager: true
});