在jQuery對話框中打開jQuery WYSIWYG

有沒有辦法在jquery對話框中加載jQuery wysiwyg插件。在jQuery對話框中打開jQuery WYSIWYG

我試過了，但編輯器在對話框打開時被禁用。

來源

2009-11-23 Kusal

哪些插件正是你在看使用（對於對話框和WYSIWYG） – DEfusion

jwysiwyg - ？http://code.google.com/p/jwysiwyg/ 對於對話框，正常的jquery dailog box with modal true – Kusal

這聽起來可能是混合命名空間，類或id的時候你把兩者結合在一起。確保你的jQuery代碼沒有覆蓋另一部分代碼的其他部分。

祝你好運！

來源

2009-11-23 17:05:41 Chris

我已經遇到了這個問題與codemirror之前。直到打開對話框後才能實例化wysiwyg，如果關閉它，則必須在對話框打開時再次實例化wysiwyg。

它與隱藏iframe有關，以及瀏覽器在返回到視圖時如何解釋它們。

來源

2009-11-23 18:32:27

您需要在打開對話框的（按鈕）單擊打開它。如果在第一次初始化對話框時嘗試這樣做，它將不起作用。（雖然你需要做的（例如，在您的document.ready功能，因此初始化兩次）所以，在對話框的開幕活動，你可以有這樣的事情：

$("#diaTemplate").dialog({ 
    width: 810, 
    height: 700, 
    modal: true, 
    open: function(event, ui) { 
     $("#divTemplate").html("<textarea cols='50' rows='12' tabindex='100' id='txtTemplate'></textarea>"); 
     $('#txtTemplate').wysiwyg({ 
      css: 'skin.css', 
      rmFormat: true, 
      controls: { html: { visible: true} } 
     }); 
    }, 
    close: function(event, ui) { 
     $("#divTemplate").html(""); 
    } 
}).dialog("option", "title", "Add New Template").dialog("open");

注意，您必須創建文本區域動態太

來源

2012-04-18 12:26:47

這個示例使用了哪些庫？您是否想要使用divTemplate而不是diaTemplate？ – Doug

在jQuery對話框中打開jQuery WYSIWYG

回答

相關問題