微小的Mce和JQuery对话(FireFox和Chrome问题)

时间:2013-05-23 17:24:35

标签: jquery dialog tinymce

Tiny Mce在所有浏览器的jquery对话框之外工作正常,但当它被添加到对话框时,除了ie之外,它在每个浏览器上都会中断。

有谁知道原因。

IE - 它很好用 FIREFOX,CHROME - 文本编辑部分工作

我没有在编辑器上使用任何特殊的东西,比如modal:true。只是一个不能与firefox或chrome一起使用的基本对话框。有没有其他人经历过这个。

<!doctype html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <title>jQuery UI Dialog - Animation</title>
    <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
    <script src="../../jquery-1.9.1.js"></script>
    <script src="../../ui/jquery.ui.core.js"></script>
    <script src="../../ui/jquery.ui.dialog.js"></script>
    <script src="tinymce/tinymce.min.js"></script>

    <script>
        $(function() {

            tinymce.init({
                mode: 'none',
                selector: "textarea",
                // General options
                menubar: false,

                toolbar: "bold,formatselect,preview,underline,|,styleselect |,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,code",
                //toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
                plugins: [
                    "advlist autolink lists link image charmap print preview anchor",
                    "searchreplace visualblocks code fullscreen",
                    "insertdatetime media table contextmenu paste"
                ]
            });

            $("#dialog").dialog({
                autoOpen: false,
                modal: true,
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "blind",
                    duration: 1000
                }
            });

            $("#opener").click(function() {
                $("#dialog").dialog("open");
            });
        });
    </script>
</head>

<body>
    g <textarea name="content"></textarea>
    <div id="dialog" title="Basic dialog">
        dfg <textarea name="content"></textarea>
    </div>
    <button id="opener">Open Dialog</button>
    <div class="demo-description">
    </div>
</body>

0 个答案:

没有答案