zoukankan      html  css  js  c++  java
  • KindEditor

    http://blog.csdn.net/qin_zhangyongheng/article/details/38551185

    因为需要查全屏的初始化设置,就找到上面这个链接地址了。挺全的。

     Demo

    <script src="/assets/global/plugins/kindeditor/kindeditor-min.js" type="text/javascript"></script>
    <script src="/assets/global/plugins/kindeditor/lang/zh_CN.js" type="text/javascript"></script>
    <script type="text/javascript">
        var editor2;
        KindEditor.ready(function (K) {
            editor2 = K.create('#rule_content', {
                minWidth: 420,
                urlType: 'absolute',
                uploadJson: '',
                items: [
                        'source', 'code', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                        'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                        'insertunorderedlist', '|', 'emoticons', 'image', 'link', 'fullscreen'],
                afterCreate: function () {
                    this.sync();
                },
                afterChange:function(){
                    this.sync();
                    $("#rule_set").html($("#rule_content").val());
                },
                afterBlur: function () {
                    this.sync();
                    $("#rule_set").html($("#rule_content").val());
                    $('.translationpic-bg').removeClass('fadin').fadeToggle("fast");
                },
                afterFocus: function () {
                    this.sync();
                    $("#rule_set").html($("#rule_content").val());
                    $('.translationpic-bg').addClass('fadin').fadeToggle("fast");
                }
            });
        });
    </script>
    

    items

    配置编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。

    • 数据类型: Array
    • 默认值:
    [ 'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage', 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about' ]
    source HTML代码
    preview 预览
    undo 后退
    redo 前进
    cut 剪切
    copy 复制
    paste 粘贴
    plainpaste 粘贴为无格式文本
    wordpaste 从Word粘贴
    selectall 全选
    justifyleft 左对齐
    justifycenter 居中
    justifyright 右对齐
    justifyfull 两端对齐
    insertorderedlist 编号
    insertunorderedlist 项目符号
    indent 增加缩进
    outdent 减少缩进
    subscript 下标
    superscript 上标
    formatblock 段落
    fontname 字体
    fontsize 文字大小
    forecolor 文字颜色
    hilitecolor 文字背景
    bold 粗体
    italic 斜体
    underline 下划线
    strikethrough 删除线
    removeformat 删除格式
    image 图片
    flash Flash
    media 视音频
    table 表格
    hr 插入横线
    emoticons 插入表情
    link 超级链接
    unlink 取消超级链接
    fullscreen 全屏显示
    about 关于
    print 打印
    code 插入程序代码
    map Google地图
    baidumap 百度地图
    lineheight 行距
    clearhtml 清理HTML代码
    pagebreak 插入分页符
    quickformat 一键排版
    insertfile 插入文件
    template 插入模板
    anchor 插入锚点
  • 相关阅读:
    Django ——Timezone 处理
    orm
    MySql系列之初识
    python并发编程之IO模型
    并发编程之协程
    GIL解释锁及进程池和线程池
    线程的互斥锁、递归锁及信号量
    守护、互斥锁、IPC和生产者消费者模型
    并发编程基础(进程)
    网络编程
  • 原文地址:https://www.cnblogs.com/danlis/p/6592679.html
Copyright © 2011-2022 走看看