kindeditor的使用

来源：互联网发布：淘宝运营总监年薪编辑：程序博客网时间：2024/05/17 07:06

-1.http://pan.baidu.com/s/1pLhB6Dd下载kindeditor放置到工程中

–2.引用到项目中

<script type="text/javascript" charset="utf-8" src="<%=basePath%>/kindeditor-4.1.10/kindeditor.js"></script>          <script charset="utf-8" src="<span style="font-family: Arial, Helvetica, sans-serif;"><%=basePath%></span>    <span style="font-family: Arial, Helvetica, sans-serif;">/</span>    <span style="font-family: Arial, Helvetica, sans-serif;">kindeditor/lang/zh_CN.js"></script></span>

-3.页面

<textarea id="editor_id" name="conten style="visibility:hidden;height: 250px;">

-4.初始化编辑器

var editor; var k;KindEditor.ready(function (K) {         k=K;     editor= K.create('#editor_id', {          //上传管理          uploadJson: '<%=basePath%>kindeditor-4.1.10/jsp/upload_json.jsp',          //文件管理          fileManagerJson: '<%=basePath%>/kindeditor-4.1.10/jsp/file_manager_json.jsp',          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();              });          },          //上传文件后执行的回调函数,获取上传图片的路径          afterUpload: function (url) {              var a = $("#uppics").val();              if (a.length > 0) {                  $("#uppics").val(a + "," + url);              } else {                  $("#uppics").val(url);              }            //alert($("#uppics").val())          },          afterCreate: function () {  //要取值设置这里 这个函数就是同步KindEditor的值到textarea文本框              this.sync();        },          afterBlur: function () {  //同时设置这里              this.sync();          },          items:                  [                          'justifyleft', 'justifycenter', 'justifyright', 'justifyfull',                          'emoticons', 'multiimage', 'baidumap', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',                          'superscript', 'formatblock', 'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'bold',                          'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat'                  ]      });      });

0 0