jquery - 我可以使用 contenteditable div 代替 textarea 吗？

Question

我想知道我是否可以使用可编辑的内容div而不是textarea？功能会一样吗？我可以像处理数据一样处理textarea数据吗？

Answer 1

您可以使用类似于 textarea的contenteditable div ，请参阅JSFiddle

<form action="form.php" method="post">
    <div name="text" contenteditable="true">This text can be edited by the user.</div>
    <input type="submit" value="Send" name="send" />
</form>

但正如您所看到的，它不会自动与表单一起作为输入元素或文本区域发送。如果你想要这样的功能，你必须使用一些 javascript。

Answer 2

是的，如果你愿意，你可以使用它。此外，这将为您提供显示图像和其他 html 元素的优势，因为 textareas 仅限于文本。如此多的所见即所得编辑器（如 FCK 或 CK 编辑器）使用内容可编辑 div，您在其中提供输入而不是文本区域。

关于处理数据，您必须借助 javascript。它不会像文本区域那样在您与表单一起使用时直接发布数据。