文本编辑器前后台获取值

sunping177

于 2017-02-09 16:13:04 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文本编辑器文章标签：文本编辑器

本文链接：https://blog.youkuaiyun.com/sunping177/article/details/54948465

jquery 同时被 2 个专栏收录

13 篇文章

订阅专栏

文本编辑器

1 篇文章

订阅专栏

本文介绍了如何在ASP.NET项目中集成KindEditor富文本编辑器，包括JS引用配置、textbox控件设置、JQuery控制方法及后台代码实现。通过具体实例展示了如何在网页上呈现和保存编辑器的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如图所示文本编辑器
这里写图片描述
1.添加js引用

   <script src="../Content/assets/plugins/kindeditor/kindeditor-all-min.js"></script>
    <script src="../Content/assets/plugins/kindeditor/lang/zh_CN.js"></script>

2.textbox控件，控制行数

       <asp:TextBox ID="txtRemark" runat="server" CssClass="form-control ie_widthauto" Rows="10" Style="width: 700px; height: 500px;" TextMode="MultiLine"></asp:TextBox>

3.JQuery控制

  var editor;
        KindEditor.ready(function (K) {
            editor = K.create('textarea[name="txtRemark"]', {
                allowFileManager: true,
                afterCreate: function () {
                    var self = this;
                    self.sync();
                    $("#spanddl").mouseover(function () {
                        editor.sync();
                    });
                }
            });
        });

4.后台代码

1.赋值给数据库
recepInfo.Remark = txtRemark.Text.Replace("<", "[").Replace(">", "]").Replace("&nbsp;", "");
2.从数据库中获取值
this.txtRemark.Text = recepInfo.Remark.Replace("[", "<").Replace("]", ">");