您的位置:首页 > 编程语言 > ASP

ASP.NET 文字编辑控件 KindEditor使用方法

2011-12-09 20:14 309 查看
KindEditor 的使用方法让人看的有点玄乎

自己结合网上经验探索了一下,发现两步就可以:

准备工作:下载安装包,解压,去掉ASP,PHP,JSP等没用的文件。

将它放入项目中。

第一步:页面代码

(1)引用(按照官方说明)

<textarea id="content" name="content" style="width:700px;height:300px;">
<strong>HTML内容</strong>
</textarea>


第二步:该页面JS(如使用母版页,在其页面的content1里加入即可,注意KindEditor的id号不要与content1重复),其实是demo的js脚本。

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


注意这里我修改了几个地方,为的是页面能够找到脚本。用如果写在母版页里的话注意相对路径是生成完后的页面相对脚本的地址,也就是跟写在子页里是一样的。

至此完成。

还不知道有什么缺点哦。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: