在线文本编辑器

最新推荐文章于 2022-10-27 12:47:23 发布

missukiss02

最新推荐文章于 2022-10-27 12:47:23 发布

阅读量367

点赞数

分类专栏： Javascript & Html

本文链接：https://blog.csdn.net/missukiss02/article/details/8710567

版权

Javascript & Html 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

功能有点像csdn的博客文本编辑器，有图片插入，代码，表情等等，还不错，贴点代码

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" ValidateRequest="false" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x html1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> 
    <meta charset="utf-8" />
    <title>KindEditor ASP.NET</title>
    <link rel="stylesheet" href="../themes/default/default.css" />
	<link rel="stylesheet" href="../plugins/code/prettify.css" />
	<script charset="utf-8" type="text/javascript" src="../kindeditor.js"></script>
	<script charset="utf-8" type="text/javascript" src="../lang/zh_CN.js"></script>
	<script charset="utf-8" type="text/javascript" src="../plugins/code/prettify.js"></script>
	<script>
	    KindEditor.ready(function (K) {
	        var editor1 = K.create('#content1', {
	            cssPath: '../plugins/code/prettify.css',
	            uploadJson: 'upload_json.ashx',
	            fileManagerJson: 'file_manager_json.ashx',
	            allowFileManager: true,
	            afterCreate: function () {
	                var self = this;
	                K.ctrl(document, 13, function () {
	                    self.sync();
	                    K('form[name=example]')[0].submit();
	                });
	                K.ctrl(self.edit.doc, 13, function () {
	                    self.sync();
	                    K('form[name=example]')[0].submit();
	                });
	            }
	        });
	        prettyPrint();
	    });
	</script>
</head>
<body>
 <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
    <form id="example" runat="server">
        <textarea id="content1" cols="100" rows="8" style="width:700px;height:200px;" runat="server"></textarea>
        <br />
        <asp:Button ID="Button1" runat="server" Text="Button" οnclick="Button1_Click" />
    </form>
    
</body>
</html>

后台的

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        this.Label1.Text = Request.Form["content1"];

        DBHelp.ExecuteCommand("insert into textContent([contents]) values('" + Label1.Text + "')");
    }
}

很简单，其中包括几个js和css还有一个dll，打包放进资源算了。

missukiss02

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在线文本编辑器

功能有点像csdn的博客文本编辑器，有图片插入，代码，表情等等，还不错，贴点代码 KindEditor ASP.NET KindEditor.ready(function (K) { var editor1 = K.create('#content1', { cssPath:
复制链接

扫一扫