富文本编辑器ckeditor_优秀的富文本编辑器

全栈程序员-用户IM • 2022年10月9日上午7:00 • 未分类

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

下载地址：http://kindeditor.net/down.php

解压放在项目要目录下，

在Bin目录下添加引用：LitJSON.dll

在页面头部加：

<link rel="stylesheet" href="../kindeditor-4.1.10/themes/default/default.css" />
    <link rel="stylesheet" href="../kindeditor-4.1.10/plugins/code/prettify.css" />
    <script charset="utf-8" src="../kindeditor-4.1.10/kindeditor.js"></script>
    <script charset="utf-8" src="../kindeditor-4.1.10/lang/zh_CN.js"></script>
    <script charset="utf-8" src="../kindeditor-4.1.10/plugins/code/prettify.js"></script>
    <script>
        KindEditor.ready(function (K) {
            var editor1 = K.create('#content1', {
                cssPath: '../kindeditor-4.1.10/plugins/code/prettify.css',
                uploadJson: '../kindeditor-4.1.10/asp.net/upload_json.ashx',
                fileManagerJson: '../kindeditor-4.1.10/asp.net/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>

页面内容：

<li class="t4"><asp:TextBox ID="content1" runat="server"  Width="1000" Height="600"  CssClass="textBox"></asp:TextBox></li>       
                        <li class="t5">
                            <asp:Button ID="btnSend" runat="server" Text="上 传" CssClass="mBtn" OnClientClick="return CheckTextBox()" OnClick="btnSend_Click"/>          
                        </li>

后台代码：

protected void btnSend_Click(object sender, EventArgs e) {
        if (this.content1.Text.Trim().Length == 0) {
            HelperJS.Show(this.Page, "描述内容不能为空!");
            return;
        }
        else
            SaveDataInfo();
    }
    protected void SaveDataInfo() {
        string judge = Request.QueryString["action"];  //如果action为空，表示发布，action为e表示更新
        if (string.IsNullOrEmpty(judge)) {
            string sql = "insert into aboutus (typeName,aboutContent) values ('" + txtCName.Text.Trim() + "','" + content1.Text.Trim() + "')";
            if (Helper.HelperExecuteSql.ExecuteSql(sql) > 0) {
                HelperJS.Show(this.Page, "发布成功!");
                return;
            }
            else {
                Helper.HelperJS.Show(this.Page, "发布失败!");
                return;
            }
        }
        if (judge == "e") {

            string sql = "update  aboutus set typeName='" + txtCName.Text.Trim() + "',aboutContent='" + content1.Text.Trim() + "' where ID='" + Request.QueryString["id"].ToString() + "'";
            if (Helper.HelperExecuteSql.ExecuteSql(sql) > 0) {
                HelperJS.Show(this.Page, "更新成功!");
                return;
            }
            else {
                Helper.HelperJS.Show(this.Page, "更新失败!");
                return;
            }
        }
    }