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="确 认" 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赋值内容即可。

浙公网安备 33010602011771号