Javascript dijit.dialog中的TinyMCE编辑器:链接对话框不工作

Javascript dijit.dialog中的TinyMCE编辑器:链接对话框不工作,javascript,dojo,tinymce-4,Javascript,Dojo,Tinymce 4,我在自己的CMS上工作。我在这个项目中使用了dojotoolkit(版本:1.9)和TinyMCE 4。TinyMCE编辑器显示在dijit.对话框中,这些对话框直接在HTML代码中创建(非编程方式)。 我读过关于JQuery显示工具栏或获取与jqueryui对话框相关的编辑器内容的问题。但幸运的是,这些问题没有出现在我的项目中。 我使用以下代码初始化TinyMCE`编辑器: <script type="text/javascript"> // other dojo.requ

我在自己的
CMS
上工作。我在这个项目中使用了
dojotoolkit
(版本:1.9)和
TinyMCE 4
TinyMCE
编辑器显示在
dijit.对话框中,这些对话框直接在
HTML
代码中创建(非编程方式)。 我读过关于
JQuery
显示工具栏或获取与
jqueryui
对话框相关的编辑器内容的问题。但幸运的是,这些问题没有出现在我的项目中。 我使用以下代码初始化
TinyMCE`编辑器:

<script type="text/javascript">
    // other dojo.require calls
    dojo.require("dijit.Dialog");
    require(["dijit/form/Button", "dojo/ready", "dojo/json"], function(Button, ready){
        ready(function(){
            loadPageContent();
        });
      });
       // some JQuery initialize for another plugin not related in any way to TinyMCE (displays toast messages)
        $(function() {
            $("#content .grid_5, #content .grid_6").sortable({
                placeholder: 'ui-state-highlight',
                forcePlaceholderSize: true,
                connectWith: '#content .grid_6, #content .grid_5',
                handle: 'h2',
                revert: true
            });
            $("#content .grid_5, #content .grid_6").disableSelection();
        });
        // The TinyMCE initialization:
        tinymce.init({
            selector: "textarea",
            theme: "modern",
            entity_encoding : "raw",
            plugins: [
                "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons template paste textcolor"
            ],
            toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
            toolbar2: "print preview media | forecolor backcolor emoticons",
            image_advtab: true,
        });
    </script>

找到解决方案:使用
dojox.layout.FloatingPane
而不是
dijit.Dialog
。但是我不推荐使用
dojox.layout.FloatingPane
,我遇到了很多问题,所以我切换回去,等待TinyMCE update解决问题。

找到了解决方案:使用
dojox.layout.FloatingPane
而不是
dijit.Dialog
。但是我不建议使用
dojox.layout.FloatingPane
,我遇到了很多问题,因此我切换回,并将等待TinyMCE update解决问题。

找到了与此问题相关的错误报告:找到了与此问题相关的错误报告:
<div dojoType="dijit.Dialog" title="Inhaltselement" id="dialogContentRightElement">
    <div style="width: 45em;">
        <form id="dialogContentElement_form">
        <table border="0">
            <tr>
                <td>Farbe/Stil/Spezialkasten:</td>
                <td>
                    <select name="dialogContentRightElement_form_color" id="dialogContentRightElement_form_color">
                        // some options are here
                    </select>
                </td>
            </tr>
            <tr>
                <td>Titel:</td>
                <td><input dojoType="dijit.form.ValidationTextBox" required="true" name="dialogContentRightElement_form_title" id="dialogContentRightElement_form_title"></input></td>
            </tr>
            <tr>
                <td>Inhalt:</td>
            </tr>
        </table>
        <textarea style="width: 42em; height: 20em;" id="dialogContentRightElement_form_content" name="dialogContentRightElement_form_content"></textarea>
        <button dojoType="dijit.form.Button" onClick="saveContentRightNew()">Speichern</button><button dojoType="dijit.form.Button" onClick="dijit.byId('dialogContentRightElement').hide()">Abbrechen</button>
        </form>
    </div>
</div>