kindeditor asp.net的使用方法超简单

最新推荐文章于 2018-11-12 08:02:11 发布

西坝阿超

最新推荐文章于 2018-11-12 08:02:11 发布

阅读量867

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net

本文链接：https://blog.youkuaiyun.com/xibaachao/article/details/12101515

asp.net 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在ASP.NET环境中引入KindEditor实现富文本编辑功能，包括初始化配置、上传图片功能及后台代码实现。教程涵盖了HTML、JavaScript、C#等关键步骤，确保快速上手。

先在index.aspx的头部加上 validateRequest='false'
然后在web.config里面加入 <httpRuntime requestValidationMode="2.0" />

不加要报错

引入文件
<script src="kindeditor/kindeditor.js" type="text/javascript"></script>
<link href="kindeditor/themes/default/default.css" rel="stylesheet" type="text/css" />

<script>
KindEditor.ready(function (K) {
window.editor = K.create('#editor_id', { uploadJson: 'kindeditor/asp.net/upload_json.ashx',
fileManagerJson: 'kindeditor/asp.net/file_manager_json.ashx'
});
});
</script>

这里红色的就是上传图片的时候要用到的哈

下面是HTML部分
<textarea runat="server" id="editor_id" name="content" style="width:700px;height:300px;">
<strong>HTML内容</strong>
</textarea>

<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />

下面就是后台代码
protected void Button1_Click(object sender, EventArgs e)
{
this.Response.Write(this.editor_id.Value);

}

这样就能获取到值了。是不是很简单
代码+视频下载地址:地址一不要分