kindeditor在asp.net中的使用

2013 年 2 月 17 日7360

欢迎进入.NET社区论坛,与300万技术人员互动交流 >>进入

  1.新建项目,建立editer文件夹,在editer文件夹下加入如下文件,目录结构如下:
  <!--StartFragment -->
  <!--StartFragment -->
  2.在页面添加如下引用:
  Java代码:
  <link href="editer/themes/default/default.css" />
  <link href="editer/plugins/code/prettify.css" />
  <script charset="utf-8" src="editer/kindeditor.js"></script>
  <script charset="utf-8" src="editer/lang/zh_CN.js"></script>
  <script charset="utf-8" src="editer/plugins/code/prettify.js"></script>
  3.在页面添加如下初始化代码:
  C#代码:
  <script>
  KindEditor.ready(function (K) {
  var editor1 = K.create('<span>#content1'</span>, {
  cssPath: 'editer/plugins/code/prettify.css',
  uploadJson: 'editer/asp.net/upload_json.ashx',
  fileManagerJson: 'editer/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>
  4.在页面中使用:
  Java代码:
  <textareacolor: #ff0000;">content1</span>" cols="100" rows="8"
  runat="server"></textarea>
  5.修改 file_manager_json.ashx,在什么目录结构中,上传文件路径为upload.
  Java代码:
  //根目录路径,相对路径
  String rootPath = <span>"/upload/</span>";
  //根目录URL,可以指定绝对路径,比如 http://http://www.zjjv.com///attached/
  String rootUrl = <span>"/upload</span>/";
  6.修改upload_json.ashx
  原文参考自站长网http://www.software8.co/wzjs/ASPjiaocheng/2721.html
  C#代码:
  //文件保存目录路径
  String savePath = <span>"/upload</span>/";
  //文件保存目录URL
  String saveUrl = "/<spanMARGIN: 3px 0px" align=right>【责编:peter】

0 0