文本编辑器 前后台获取值

Posted 2022-12-03 sunping177

如图所示文本编辑器

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("]", ">");