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

Question

在这里，我有一个 <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。如何获得 <div> 的值在我的 servlet 中？

Answer 1

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

这是一个启动示例:

<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 绑定(bind)事件处理程序的方式和 CSS 文件)

这样它就可以像<textarea>一样以通常的方式在servlet中可用了。没有隐藏:

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