kindeditor在asp.net中的使用

1.新建项目，建立editer文件夹，在editer文件夹下加入如下文件，目录结构如下：

<!--StartFragment --><!--StartFragment -->

2.在页面添加如下引用：

Java代码

1. <linkrel="stylesheet"href="editer/themes/default/default.css"/>
2. <linkrel="stylesheet"href="editer/plugins/code/prettify.css"/>
3. <scriptcharset="utf-8"src="editer/kindeditor.js"></script>
4. <scriptcharset="utf-8"src="editer/lang/zh_CN.js"></script>
5. <scriptcharset="utf-8"src="editer/plugins/code/prettify.js"></script>

3.在页面添加如下初始化代码：

C#代码

1. <script>
2. KindEditor.ready(function(K){
3. vareditor1=K.create('<spanstyle="color:#ff0000;">#content1'</span>,{
4. cssPath:'editer/plugins/code/prettify.css',
5. uploadJson:'editer/asp.net/upload_json.ashx',
6. fileManagerJson:'editer/asp.net/file_manager_json.ashx',
7. allowFileManager:true,
8. afterCreate:function(){
9. varself=this;
10. K.ctrl(document,13,function(){
11. self.sync();
12. K('form[name=example]')[0].submit();
13. });
14. K.ctrl(self.edit.doc,13,function(){
15. self.sync();
16. K('form[name=example]')[0].submit();
17. });
18. }
19. });
20. prettyPrint();
21. });
22. </script>

4.在页面中使用：

Java代码

1. <textareaid="<spanstyle="color:#ff0000;">content1</span>"cols="100"rows="8"style="width:700px;height:200px;visibility:hidden;“
2. runat="server"></textarea>

5.修改file_manager_json.ashx，在什么目录结构中，上传文件路径为upload。

Java代码

1. //根目录路径，相对路径
2. StringrootPath=<spanstyle="color:#ff0000;">"/upload/</span>";
3. //根目录URL，可以指定绝对路径，比如http://www.yoursite.com/attached/
4. StringrootUrl=<spanstyle="color:#ff0000;">"/upload</span>/";

6.修改upload_json.ashx

C#代码

1. //文件保存目录路径
2. StringsavePath=<spanstyle="color:#ff0000;">"/upload</span>/";
3. //文件保存目录URL
4. StringsaveUrl="/<spanstyle="color:#ff0000;">upload</span>/";