2013-06-20 3 views
1

Я работаю самостоятельно CMS. Я использую Dojo Toolkit (Версия: 1.9) и TinyMCE 4 для этого проекта. Редакторы TinyMCE показаны в dijit.Dialogs, которые создаются непосредственно в коде HTML (не программно). Я прочитал о проблемах с JQuery, чтобы показать панели инструментов или получить содержимое редактора относительно диалогов JQuery UI. Но, к счастью, эти проблемы надевают t occur in my project. I use the following code to initialize the TinyMCE` редактор:Редактор TinyMCE в dijit.dialog: диалог связи не работает

<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> 

Но если я хочу, чтобы добавить ссылку, диалог ссылки не позволяет мне вставить URL и имя. Моя проблема: Окно цели можно выбрать в этом диалоге TinyMCE. Если я вставляю URL-адрес непосредственно в редактор, он распознается как ссылка, но редактирование в диалоговом окне ссылки также невозможно.

HTML-код для TinyMCE редактора внутри dijit.Dialog:

<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> 
+0

Обнаружен отчет об ошибке, относящийся к этой проблеме: http://www.tinymce.com/develop/bugtracker_view.php?id=5934 – user1995621

ответ

1

Решение было найдено: использовать dojox.layout.FloatingPane вместо dijit.Dialog. Но я бы не рекомендовал использовать dojox.layout.FloatingPane, у меня было много проблем, поэтому я переключился обратно и подожду, пока обновление TinyMCE не устранит проблему.

Смежные вопросы