zoukankan      html  css  js  c++  java
  • KindEditor 插件API使用说明

    一、 安装

    1、 在html中引入

    kindeditor-all-min.js和lang,lib,plugins,
    src,themes目录

    2、 插入html代码:

     <textarea id="editor_id" name="content" style="700px;height:300px;">
    </textarea>

    3、 插入script脚本:

       KindEditor.ready(function (K) {
                var editor = K.create('#editor_id', {
                    skinType: 'common'
                });
       });

    二、 参数、方法和事件的API

    1、初始化参数options, 全部是可选的:

        ‘100px’

        height:  ‘100px’

        items: [‘source’, ‘|’…]  表示工具栏中需要显示的按钮,其中

                ‘|’是分隔符, ‘/’是换行符

        themeType: ‘default’或‘simple’定义主题的类型

        也可自定义主题CSS文件: 在themes主题下面创建自定义目录和自定义CSS文件,如blueStyle/blueStyle.css,覆盖原来样式。之后定义

    themeType: ‘blueStyle’

        langType:  ‘en’或 ‘zh-CN’语言类型,默认都可以输入

        更多参数见 http://kindeditor.net/docs/option.html

    2、方法API

        K.create(expr支持多个textarea, options): 创建编辑器,返回第一个KEditor对象,expr,为dom选择器,支持多个textarea,可同时匹配多个textarea元素时。

        K.sync(expr): 将多个编辑器的内容设置到原来的textarea控件里。

        K.appendHtml(expr,val) 将指定的HTML内容添加到多个编辑器的最后位置。

        K.remove(expr): 移除指定编辑器

        editor. html() : 取得编辑器的HTML内容。

        editor. html(val):设置编辑器的HTML内容。

        editor.isEmpty(): 判断编辑器是否有可见内容

        K.trim(str): 清除字符串两边的空白。

        K.ajax(url[,fn,method,data]):第一个参数必传

         GET或POST请求。

          参数:
    • string url: JavaScript URL
    • function fn: 回调函数
    • string method: “GET”或”POST”,默认值为”GET”
    • object data: POST数据,key-value格式

          返回: undefined

        举例:
    //GET
    K.ajax('test.php', function(data) {
            console.log(data);
    });
    //POST
    K.ajax('test.php', function(data) {
            console.log(data);
    }, 'POST', {
            aa : 1,
            bb : 2
    });
  • 相关阅读:
    OpenCV-Python图形图像处理:利用黑帽去除图像浅色水印
    单片机实验四:定时器控制发光二极管的亮灭+简单输出连续矩形脉冲
    实验5 linux网络编程
    第十六届全国大学智能汽车竞赛竞速比赛规则-讨论稿
    写给自己的TypeScript 入门小纲
    写给自己的TypeScript 入门小纲
    Node.js自学笔记之回调函数
    Node.js自学笔记之回调函数
    来简书坚持一个月日更之后
    全选或者单选checkbox的值动态添加到div
  • 原文地址:https://www.cnblogs.com/yjtm53/p/5658263.html
Copyright © 2011-2022 走看看