当前位置: 爱符号 - 所有分类 - Web开发 - html - KindEditor.dialog的BUG集合
KindEditor.dialog的BUG集合 KindEditor.dialogDeBUGJiHe
符号空间 发表于:2013-04-03 18:02:53 阅读(4059)
关键词:KindEditor KindEditor dialog dialog bug bug
摘要:已知问题概况:1.类型不匹配错误;2.top位置不正确

其实国产里面的网页编辑器, KindEditor很优秀的,不过为了让它更加的完美,它还有很多的问题,现在把已经发现的都列出来一下,供大家参考。


1.弹出一个自定义对话框,body参数能让你郁闷到死

    下面的代码本来应该是显示出来的,但是会让你收到javascript错误:类型不匹配。

    原因:body必须是html代码,也就是说纯文本放进去会有问题,那么怎么办呢?请看第二个代码!!

    function showRechargeWaitWindow() {
        var k = KindEditor;
        var dialog = null;
        dialog = k.dialog({
            width: 320,
            height:150,
            title: "这是标题",
            body: "对话框的内容",
            closeBtn: {
                name: '关闭',
                click: function (e) {
                    dialog.remove();
                    syncUserMoney();
                }
            }
        });
    }
    function showRechargeWaitWindow() {
        var k = KindEditor;
        var dialog = null;
        dialog = k.dialog({
            width: 320,
            height:150,
            title: "这是标题",
            body: "<div style='margin:10px;'>对话框的内容。</div>",
            closeBtn: {
                name: '关闭',
                click: function (e) {
                    dialog.remove();
                    syncUserMoney();
                }
            }
        });
    }

2.弹出一个自定义对话框时,如果你的页面很长的话,会发现对话框在整个页面的中间,那么你就会看不见对话框,正确的做法应该是当前窗口的垂直居中。

    下面的函数,仅供参考,可以让你弹出的对话框固定在距上面50px的位置,这样就能看到你的对话框了,不过正确的做法是要计算一下的,这里先偷一下懒了。

    function autoKindEditorDialogTop() {
        return;
        setTimeout(function () {
            //var pos = $(".ke-dialog").position();
            $(".ke-dialog").css({ position: "fixed", top: "20px" });//应该计算一下,这样才会有垂直居中的效果
        }, 50);
    }


声明:以上内容仅代表作者观点,不代表爱符号赞成此内容或立场