2012-01-19 49 views
1

我已經制作了一個博客應用程序,我在這裏寫這個表單來寫博客。它有一個title字段,博客正文爲tinymce editor的實例,添加tags的文本字段和提交按鈕。如何在jquery模式窗口中顯示TinyMCE編輯器點擊

我想要做的是在頁面加載時默認顯示整個表單給用戶。用戶可以填寫標題。現在,當用戶使用文本編輯器時,會出現一個按鈕,點擊只有文本編輯器將在模式窗口中打開,用戶可以輸入該按鈕。

一旦用戶點擊十字,然後文本被複制到底層文本編輯器。我沒有那麼擅長JavaScript,而且我看過幾個博客,但這沒有幫助。任何方向將非常感激。我添加了博客頁面外觀的快照。

enter image description here

回答

3

您需要通過像這樣的東西(添加任何你想要的選項)初始化您的TinyMCE的編輯器開始:

$(function() { 
    tinyMCE.init({ 
      mode: "none", 
      theme: "simple", 
    }); 

    //whatever code 
}); 

你可以設置你喜歡的任何mode但我m會與動態創建(模式:無),因爲它給你更多的控制。初始化模式在「任何代碼」,然後創建模式裏你的編輯器,代碼如下:

tinyMCE.execCommand('mceAddControl', false, 'id_of_textarea'); 

要獲得/設置你的編輯器的內容你可以這樣做:

tinyMCE.activeEditor.getContent(); 
tinyMCE.activeEditor.setContent('data in here'); 

你」在關閉模態之前需要關閉您的tinyMCE編輯器,否則下次模態打開時將無法加載。要關閉它,您需要執行以下代碼:

tinyMCE.execCommand('mceRemoveControl', false, 'id_of_textarea'); 
相關問題