如何从 Servlet 中的 <div contenteditable="true"> 检索值

【问题标题】：How to retrieve value from <div contenteditable="true"> in Servlet如何从 Servlet 中的 <div contenteditable="true"> 检索值
【发布时间】：2013-12-08 08:34:18
【问题描述】：

这里，我有一个<div contenteditable="true">，当点击编辑时，它的行为与<textarea> 相同。用户可以在其中输入和编辑文本。

<label for="text_box" class="label">
    Body:   
</label>
<div class="text_box" name="text_box" id="text_box" contenteditable="true">
    <br />
</div>

我还有一个 servlet。如何在我的 servlet 中获取 <div> 的值？

【问题讨论】：

document.getElementById("text_box").innerHTML 用JS获取div内容的最简单方法

标签： javascript servlets html contenteditable

【解决方案1】：

您需要创建一个带有隐藏 <textarea> 的表单和一段 JavaScript，它在提交表单时将 div 的内部 HTML 内容复制到 textarea 的值中。

这是一个启动示例：

<form action="servletURL" method="post" onsubmit="this.content.value=document.getElementById('text_box').innerHTML;">
    <div id="text_box" contenteditable="true"><br /></div>
    <textarea name="content" style="display:none;" />
    <input type="submit" />
</form>

（注意：使用 onsubmit 和 style 属性是一种不好的做法；请分别使用 jQuery 的绑定事件处理程序的方式和 CSS 文件）

这样它就在 servlet 中，就像 <textarea> 没有隐藏一样：

String content = request.getParameter("content");

【讨论】：