2009-05-03 57 views
1

我正在嘗試使用tinymce文本編輯器,但無法使用jQuery獲取編輯器的內容,並且如果我使用簡單的post方法獲取值,我獲取文本,但沒有獲取圖片?如何從tinymce編輯器插入圖像?

我使用jQuery嘗試的代碼是:

$(document).ready(function() 
{ 
    $("#save").click(function() 
    { 
     $.post("test_skin_dump.php",{ 
      data_info:$("#elm2").html; 
     } ,function(data) { 
      if(data) 
      { 
       $("#show_result").html(data); 
      }    
     }); 
    }); 
}); 

<textarea id="elm2" name="elm2" rows="15" cols="80" style="width: 80%"> 
</textarea> 

我在做什麼錯誤可能有人糾正我,好嗎?

回答

0

html是一個函數。你錯過了括號。你還有一個額外的分號。

替換此:

data_info:$("#elm2").html; 

有了這個:

data_info:$("#elm2").html() 

其餘的看起來不錯。

2

TinyMCE有它自己的API,您可以利用它。事實上,它確實不錯。你的情況,你可以通過編輯器的全部:

tinyMCE.activeEditor().getBody(); 

如果您確信該用戶點擊了圖像(即選擇),那麼你可以做到這一點只獲取圖像節點:

tinyMCE.activeEditor().selection.createHTML(); 

注意.selection是一個屬性,這就是爲什麼它沒有一對括號。

如果您不喜歡此代碼的任何,或由於某種原因,它並不完全回答你的問題,隨時檢查出以下鏈接:

讓我知道是否有其他任何你需要的。

0

使用以下命令來插圖代碼到編輯器:

tinyMCE.execCommand('mceInsertContent',false,'<img src="mypic.png" />'); 

希望這有助於:)