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

我想使用Aloha HTML5 RTE作为表单元素。 http://aloha-editor.org/index.php 如何将“内容编辑”功能集成到HTML表单元素中？

最终归结为“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服务器侧为形式名称/值对。

可行吗？怎么样？

来源

2011-12-21 Rakesh Waghela

你可能会添加一个更改功能的部分，然后填充隐藏的输入字段？我还没有与'contenteditable'合作过，所以我不知道。 – 2011-12-21 06:56:40

我写了一篇博客文章前一段时间关于如何在文字区域使用阿罗哈编辑：http://www.supnig.com/blog/using-aloha-editor

所见即所得的编辑器，如阿罗哈编辑器比CONTENTEDITABLE =会更加明显，它占各种奇怪的浏览器行为并添加功能来正确地格式化您的内容。

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

来源

2013-02-26 15:34:39 csupnig

您的代码的一个小演示将是一个很大的帮助。可能是一个jsFiddle演示？ – 2013-02-26 16:27:05

在这里你去：http://jsfiddle.net/znWvT/4/ – csupnig 2013-02-26 23:04:31

上面的小提琴是相当有用的，但我观察了一个有趣的方面，你错过了。按提交文本区域后，它成为正常的文本区域与其中的HTML标记。阿罗哈编辑只是消失了。即使提交后，如何保持aloha编辑器与文本区域绑定你能不能更新小提琴？ – 2013-02-27 08:11:12

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

回答

相关问题