ASP.NET 文字编辑控件 KindEditor使用方法
2011-12-09 20:14
309 查看
KindEditor 的使用方法让人看的有点玄乎
自己结合网上经验探索了一下,发现两步就可以:
准备工作:下载安装包,解压,去掉ASP,PHP,JSP等没用的文件。
将它放入项目中。
第一步:页面代码
(1)引用(按照官方说明)
第二步:该页面JS(如使用母版页,在其页面的content1里加入即可,注意KindEditor的id号不要与content1重复),其实是demo的js脚本。
注意这里我修改了几个地方,为的是页面能够找到脚本。用如果写在母版页里的话注意相对路径是生成完后的页面相对脚本的地址,也就是跟写在子页里是一样的。
至此完成。
还不知道有什么缺点哦。
自己结合网上经验探索了一下,发现两步就可以:
准备工作:下载安装包,解压,去掉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>
注意这里我修改了几个地方,为的是页面能够找到脚本。用如果写在母版页里的话注意相对路径是生成完后的页面相对脚本的地址,也就是跟写在子页里是一样的。
至此完成。
还不知道有什么缺点哦。
相关文章推荐
- ASP.NET中Textbox后的必填验证控件RequiredFieldValidator的使用方法。
- ASP.NET中 TextBox 文本输入框控件的使用方法
- ASP.NET中 TextBox 文本输入框控件的使用方法
- asp.net控件开发基础(2) ----------明白使用Render方法呈现自定义控件
- asp.net之DataList的使用方法,及分页(存储过程创建),编辑,更新,删除
- 灵活掌握asp.net中gridview控件的多种使用方法(上)
- [ASP.NET]asp.net Repeater控件的使用方法
- asp.net中验证控件的使用方法
- Asp.net中使用文本框的值动态生成控件的方法
- ASP.NET中 Panel 控件的使用方法
- ASP.NET Table 表格控件的使用方法
- Asp.Net GridView 在编辑状态中使用动态Dropdownlist方法
- 灵活掌握asp.net中gridview控件的多种使用方法(下)
- Asp.net中使用WEB编辑控件FCKEditor
- ASP.NET-AspNetPager分页控件完整使用方法
- Asp.net中使用FCKEditor WEB编辑控件
- asp.net 打印控件使用方法
- Asp.net_使用FileUpload控件上传文件通用方法分享
- asp.net 2.0 新控件介绍使用方法