如何抓住div的內容並將其插入到隱藏的輸入中

我在Laravel 4中構建了一個簡單的CMS。我決定從我的舊編輯器切換到此markdown editor。如何抓住div的內容並將其插入到隱藏的輸入中

我的老編輯使用文本框等等一切我所要做的就是提交表單，並從視圖控制器通過並插入到數據庫等

然而，這種新的編輯器的工作原理是開啓降價成HTML和HTML插入一個div，看起來像這樣內：

<div id="preview" class="wmd-preview"></div>

我還是想用我的舊形式提交div的內容，所以我的問題是這樣的：

有沒有aw ay將我的「預覽」div的內容插入到表單中的某種隱藏輸入中？

另外，有沒有更好的方式來提交我的文章的內容？

2013-10-23 Josh

我不明白這個問題。對於wmd編輯器，你有一個textarea和一個顯示輸出的div。無論你在textarea中寫什麼，它都會在預覽中顯示。 __你已經擁有了textarea的內容。爲什麼你需要將它們複製到另一個隱藏的輸入並提交？ – itachi

嗨@itachi是不是文本區域都只是我的降價？它轉換爲html，並且html被插入div而不是textarea。 – Josh

我沒有得到你想說的話。看看stackoverflow的降價編輯器。它有一個textarea，下面是預覽區。您只需要保存文本區域的內容，然後在發出請求時，通過解析內容輸出它。有許多客戶端或服務器端庫可以幫助輸出。 – itachi

通過其ID

var a = document.getElementById('preview').innerHTML; 
document.getElementById('hid').value = a //create a hidden input give it an id hid

2013-10-23 02:48:56 user2092317

我想這可能需要在我每次對文本編輯器中的文本進行更改時觸發。有沒有辦法做到這一點？（對不起，我對JS很糟糕） – Josh

要回答你的問題有關的每一個按鍵時發射功能讓您div的內容，我會用一個jQuery事件監聽器就像.keyup（）。

2013-10-23 03:32:47 jpodwys

回答