如何抓住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

回答