zoukankan      html  css  js  c++  java
  • KindEditor 在线编辑器

    地址 http://www.kindsoft.net/index.php

    调用

    1. 下载KindEditor最新版本。打开下载页面
    2. 解压zip文件,将所有文件上传到您的网站程序目录下。例如:http://您的域名/editor/
    3. 要显示编辑器的位置添加TEXTAREA输入框。
      注:id必须指定唯一值,还有有些浏览器上不设宽度和高度可能显示有问题,所以最好设一下宽度和高度。宽度和高度可用inline样式设置,也可用编辑器属性传进去。
      <
      textarea
       
      id
      =
      "your_editor_id"
       
      name
      =
      "content"
       
      cols
      =
      "100"
       
      rows
      =
      "8"
       
      style
      =
      "
      700px;height:300px;
      "
      ></
      textarea
      >
      
                                     
    4. 该页面添加以下代码。
      <
      script
       
      charset
      =
      "utf-8"
       
      src
      =
      "/editor/kindeditor.js"
      ></
      script
      >
      
      < script >
              KE
      . show ({
                      id
      : 'your_editor_id'
             
      });
      </ script >
                                     
      除id之外还可以设置其它的属性,具体属性请参考编辑器属性

    asp调用实例:

    <script type="text/javascript" charset="utf-8" src="../kindeditor.js"></script>
        <script type="text/javascript">
            KE.show({
                id : 'content1',
                imageUploadJson : '../../asp/upload_json.asp',
                fileManagerJson : '../../asp/file_manager_json.asp',
                allowFileManager : true,
                afterCreate : function(id) {
                    KE.event.ctrl(document, 13, function() {
                        KE.util.setData(id);
                        document.forms['example'].submit();
                    });
                    KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {
                        KE.util.setData(id);
                        document.forms['example'].submit();
                    });
                }
            });
        </script>

  • 相关阅读:
    131.著作权
    130.专利权
    idea新用法
    map的put和putIfAbsent使用
    netty的option和childOption
    Java8 lam。。。表达式
    protobuf学习
    protobuf生成
    idea调试
    spring,mapper的参数
  • 原文地址:https://www.cnblogs.com/y0umer/p/3839369.html
Copyright © 2011-2022 走看看