如何在HTML表单元素中集成“内容可编辑”功能？

Question

我想使用Aloha HTML5 RTE作为表单元素。 http://aloha-editor.org/index.php

归根结底，它归结为“ContentEditable”属性。 通常用作

<section contenteditable="true" id="editable">
<h2>Go ahead, edit away!</h2>
<p>Here's a typical paragraph element</p>
<ol>
<li>and now a list</li>
<li>with only</li>
<li>three items</li>
</ol>
</section>

我想要一个表单元素的类似功能，因此我可以将格式化的HTML作为表单名称/值对发送到服务器端。

可行吗？怎么样？

Answer 1

前段时间我写了一篇关于如何在textareas上使用Aloha Editor的博客文章：http://www.supnig.com/blog/using-aloha-editor

Aloha编辑器等所见即所得编辑器远不止于满足感=真实，它解决了各种奇怪的浏览器行为，并添加了正确格式化内容的功能。

如果您不想使用Aloha编辑器，您必须在表单上侦听提交事件并获取可信元素的内容并将其注入发送的数据中。