读书人

kindeditor在asp.net中的施用

发布时间: 2013-01-23 10:44:50 作者: rapoo

kindeditor在asp.net中的使用

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

<!--StartFragment --><!--StartFragment -->kindeditor在asp.net中的施用2.在页面添加如下引用:Java代码:
  1. <link rel="stylesheet" href="editer/themes/default/default.css" />
  2. <link rel="stylesheet" href="editer/plugins/code/prettify.css" />
  3. <script charset="utf-8" src="editer/kindeditor.js"></script>
  4. <script charset="utf-8" src="editer/lang/zh_CN.js"></script>
  5. <script charset="utf-8" src="editer/plugins/code/prettify.js"></script>
3.在页面添加如下初始化代码:C#代码:
  1. <script>
  2. KindEditor.ready(function (K) {
  3. var editor1 = K.create('<span style="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. var self = 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. <textarea id="<span style="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. String rootPath = <span style="color: #ff0000;">"/upload/</span>";
  3. //根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
  4. String rootUrl = <span style="color: #ff0000;">"/upload</span>/";
6.修改upload_json.ashx原文参考自站长网http://www.software8.co/wzjs/ASPjiaocheng/2721.html
C#代码:
  1. //文件保存目录路径
  2. String savePath = <span style="color: #ff0000;">"/upload</span>/";
  3. //文件保存目录URL
  4. String saveUrl = "/<span style="color: #ff000

读书人网 >ASP

热点推荐