【发布时间】:2012-03-04 13:20:37
【问题描述】:
如果我使用
<div contentEditable="true" name="content"></div>
我无法提交在上述可编辑分区中输入的输入,而不是表单中的 Textarea。
我正在使用可编辑分区,因为我想在运行时在输入可编辑分区中添加图像。
那么有没有办法提交在可编辑分区中输入的内容??
我使用 PHP 作为服务器端语言。
【问题讨论】:
如果我使用
<div contentEditable="true" name="content"></div>
我无法提交在上述可编辑分区中输入的输入,而不是表单中的 Textarea。
我正在使用可编辑分区,因为我想在运行时在输入可编辑分区中添加图像。
那么有没有办法提交在可编辑分区中输入的内容??
我使用 PHP 作为服务器端语言。
【问题讨论】:
只有输入元素的值通过表单提交。
在提交表单时,在客户端使用脚本将div的内容放入隐藏字段。
例如:
<form action="/blah.php" method="post" onsubmit="prepForm()">
<div contentEditable="true" id="editor"></div>
<input type="hidden" name="content" id="content">
</form>
...
<script>
function prepForm() {
document.getElementById('content').value = document.getElementById('editor').innerHTML;
}
</script>
【讨论】:
提交表单时,您必须使用 JavaScript 将 div 的 .innerHTML 存储在隐藏字段中。
【讨论】: