2011-01-26 18 views
3

ダイアログが初めて完全に動作するときに、JQuery UIダイアログ内にCKEditorを実装しようとしています。CKEditor with JQuery UIダイアログ - 2回目に表示されません。

2回目にダイアログを開くと、「スタイル:非表示」のテキスト領域が読み込まれず、エディタが読み込まれません。私の管理ページで

ダイアログ

MyApp.Dialog = $('<div></div>'); 
     MyApp.Dialog 
     .dialog({ 
      modal: true, 
      autoOpen: false, 
      title: title, 
      width: width, 
      height: height, 
      close:function(){ 
       $(this).find('textarea').ckeditorGet().destroy(); 
      }, 
      buttons: { 
       'OK': function() { 
        form = $(this).find('form'); 
        if (form.validate().form() == true) { 
         MyApp.submitFormWithAjax(form, $(this)); 
        } else { 
         return false; 
        } 
       }, 
       Cancel: function() { 
        $(this).dialog('close'); 
       } 
      } 
     }); 

     MyApp.Dialog.load(url, function() { 
      EventManager.publish('showFormDialogLoaded'); 
     }); 

     MyApp.Dialog.dialog('open'); 

私は、ダイアログがロードされていることをお待ちしております。..

$('.admin-create-article').click(function(event) { 
     MyApp.showFormDialog($(this).attr('href'), 'Neuer Artikel', 700, 630); 
     EventManager.subscribe('showFormDialogLoaded', function() { 
      $('.editor').ckeditor(function() {}, { skin : 'v2' }); 
     }); 
     event.preventDefault(); 
}); 

答えて

4

私は同じ問題を抱えていましたが、今は私のために働きます。

あなたは各ダイアログ構造でそれを行う必要があります(CKEditorバージョンを作成し、破壊する):私は、ダイアログを初めて開いたとき

if (CKEDITOR.instances.editorD != null && CKEDITOR.instances.editorD != 'undefined') 
    { 
     CKEDITOR.instances.editorD.destroy(); 
    } 

     CKEDITOR.replace('editorD', 
     { 
     language : 'fr', 
     toolbar_Mytoolbardata : 
     [ 
     ['Bold','Italic','Underline','Strike'], 
     ['FontName','FontSize'], 
     ['TextColor']// No comma for the last row. 
     ], 
     toolbar : 'Mytoolbardata', 
     skin: 'v2', 
     width : 403,  
     height : 25, 
     disableObjectResizing : true, 
     resize_enabled : false, 
     shiftEnterMode : CKEDITOR.ENTER_BR, 
     toolbarCanCollapse : false, 
     forcePasteAsPlainText : true 
     }); 
+0

ckeditor v4.3では、2度目の起動ではないエディタの問題はありませんでしたが、2度目にはツールバーのドロップダウン要素が機能しませんでした。この解決策はそれを解決しました。ありがとう。 – frank

0

スクリプトファイルはロードまたはjqueryのUIのスクリプトのようないくつかの他のスクリプトと競合されていません。

+0

すべてが、私は再びリンクをクリックするとダイアログが開きますが、エディタが欠落している、動作します。 – opHASnoNAME

関連する問題