2

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

有谁知道为什么。

IE - 它工作正常 Firefox,CHROME - 文本编辑器部分停止工作

我没有在编辑器上使用任何特殊的东西,比如模态: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>
4

0 回答 0