• KindEditor使用


    1.KindEditor:
            1.初始化:
            <script>
                        var editor;
                        KindEditor.ready(function(K) {
                            editor = K.create('textarea[name="content"]', {
                                allowFileManager : true
                            });
                        });
            </script>
            2.自定义:
                var editor;
                KindEditor.ready(function(K) {
                editor = K.create('textarea[name="content"]', {
                allowFileManager : true,
                allowImageUpload : false,
                items:[
                'source', '|', 'fullscreen', 'undo', 'redo', 'cut', 'copy', 'paste',
                'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                'superscript', '|', '-','selectall', 
                'title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold',
                'italic', 'underline', 'strikethrough', 'removeformat', '|', 'image',
                 'advtable', 'hr', 'link', 'unlink', '|','preview'
                ]
                });
                });
            3.自定义插件:
            Css:
                .ke-icon-preview3 {
                                background-image: url(/libs/kindeditor/20.gif);
                                background-position: 0px -672px;
                                 16px;
                                height: 16px;
                            }
                
            JS:
            KindEditor.lang({
                            preview3 : '预览'
                        })
            KindEditor.plugin('preview3', function(K) {
                var self = this, name = 'preview3', undefined;
                self.clickToolbar(name, function() {
                    var lang = self.lang(name + '.'),
                        html = '<div style="padding:10px 20px;">' +
                            '<iframe class="ke-textarea" frameborder="0" style="708px;height:400px;"></iframe>' +
                            '</div>',
                        dialog = self.createDialog({
                            name : name,
                            width : 750,
                            title : self.lang(name),
                            body : html,
                            yesBtn : {
                            name : '确认提交',
                            click : function(e) {
                                    $("#mail_form").submit();
                            }
                    }
                        }),
                        iframe = K('iframe', dialog.div),
                        doc = K.iframeDoc(iframe);
                    doc.open();
                    var head_templet="<h1>模版3</h1>";
                    
                    var foot_templet="";
                    doc.write(head_templet+self.fullHtml()+foot_templet);
                    doc.close();
                    K(doc.body).css('background-color', '#FFF');
                    iframe[0].contentWindow.focus();
                });
            });
            调用:
            var template=$("#template").val();
            var oper='preview1';
            switch(template)
            {
                case '1':
                oper='preview1';
                break;
                case '2':
                oper='preview2';
                break;
                case '3':
                oper='preview3';
                break;
            }
            editor.clickToolbar(oper);
  • 相关阅读:
    hutool 解析 Excel
    上传文件
    Cannot construct instance of `com.**` (although at least one Creator exists)
    Java8之Optional
    java8之Stream
    java8之Lambda
    springboot+mybatis事务管理
    queryWrapper in like
    Java 组装 Tree
    JWT
  • 原文地址:https://www.cnblogs.com/zhaobijin/p/5813273.html
Copyright © 2020-2023  润新知