KINDEDITOR取值并写入数据库的操作

首先引入KINDEDITOR

    <link rel="stylesheet" href="/kindeditor/themes/default/default.css" />
        <script charset="utf-8" src="/kindeditor/kindeditor-all.js"></script>
        <script charset="utf-8" src="/kindeditor/lang/zh_CN.js"></script>
        <script>
            var editor;
            KindEditor.ready(
             function (K) {
                 editor = K.create('#textarea1', {
                     //上传处理程序的路径
                     uploadJson: '/KindEditor/asp.net/upload_json.ashx',
                     imageSizeLimit: '10MB', //批量上传图片单张最大容量
                     imageUploadLimit: 30, //批量上传图片同时上传最多个数
                     //文件管理处理程序的路径
                     fileManagerJson: '/KindEditor/asp.net/file_manager_json.ashx',
                     allowFileManager: true,
                     //要取值设置这里 这个函数就是同步KindEditor的值到textarea文本框
                     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();
                         });
                     },
                     //上传后执行的回调函数,获取上传图片的路径
                     //afterUpload: function (data) {
                     //    alert(data);
                     //},
                     width: '900px;',
                     height: '500px;',
                     //编辑工具栏
                     items: [
                     'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
                     'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                     'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                     'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
                     'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                     'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
                     'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
                     'anchor', 'link', 'unlink', '|', 'about'
                     ],
                     afterCreate: function () { //kindeditor创建后,将编辑器的内容设置到原来的textarea控件里
                         this.sync();
                     },
                     afterChange: function () { //编辑器内容发生变化后,将编辑器的内容设置到原来的textarea控件里
                         this.sync();
                     },
                     afterBlur: function () { //编辑器聚焦后,将编辑器的内容设置到原来的textarea控件里
                         this.sync();
                     }
                 }
                 );

             }
             );
        </script>
<textarea id="textarea1" name="textarea1" style="width:100%;height:200px;border: 0 none;visibility:hidden;"></textarea>

使用FORM表单提交

 <asp:Button ID="submit" runat="server" Text="确&nbsp;认" class="btn btn-primary" Style="margin-right: 20px"  OnClick="submit_Click"  />

CS后台直接获取

 string notes = Request.Form["textarea1"];

从数据库中读取

<textarea id="textarea1" name="textarea1" style="width:100%;height:200px;border: 0 none;visibility:hidden;"><%=newsConcent%></textarea>

后台给newsConcent赋值内容即可。

 

posted @ 2019-06-24 15:14  几个空白  阅读(1052)  评论(0编辑  收藏  举报