【问题标题】:Editable divisions instead of Textarea. input is not getting submitted ! PHP可编辑的分区而不是 Textarea。输入未提交! PHP
【发布时间】:2012-03-04 13:20:37
【问题描述】:

如果我使用

<div contentEditable="true" name="content"></div>

我无法提交在上述可编辑分区中输入的输入,而不是表单中的 Textarea。

我正在使用可编辑分区,因为我想在运行时在输入可编辑分区中添加图像。

那么有没有办法提交在可编辑分区中输入的内容??

我使用 PHP 作为服务器端语言。

【问题讨论】:

    标签: php html forms textarea


    【解决方案1】:

    只有输入元素的值通过表单提交。

    在提交表单时,在客户端使用脚本将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>
    

    【讨论】:

      【解决方案2】:

      提交表单时,您必须使用 JavaScript 将 div 的 .innerHTML 存储在隐藏字段中。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-11-10
        • 1970-01-01
        • 1970-01-01
        • 2012-04-29
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多