Jquery “如何整合”;“内容可编辑”;HTML表单元素中的功能?

Jquery “如何整合”;“内容可编辑”;HTML表单元素中的功能?,jquery,forms,html,richtextbox,aloha-editor,Jquery,Forms,Html,Richtextbox,Aloha Editor,我想使用Aloha HTML5 RTE作为表单元素。 最终它归结为“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</l

我想使用Aloha HTML5 RTE作为表单元素。

最终它归结为“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作为表单名称/值对发送到服务器端


    可行吗?如何使用?

    我不久前写了一篇关于如何在textareas上使用Aloha编辑器的博客文章:

    所见即所得编辑器(如Aloha编辑器)远不止contenteditable=true,它可以解释各种奇怪的浏览器行为,并添加一些功能来正确设置内容的格式


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

    我不久前写了一篇博客文章,介绍如何在textareas上使用Aloha编辑器:

    所见即所得编辑器(如Aloha编辑器)远不止contenteditable=true,它可以解释各种奇怪的浏览器行为,并添加一些功能来正确设置内容的格式


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

    您是否可以向节中添加更改函数,然后填充隐藏的输入字段?我还没有使用“contenteditable”,所以我不知道。您是否可以在节中添加一个更改函数,然后填充一个隐藏的输入字段?我还没有使用“contenteditable”,所以我不知道。你的代码的一个小演示会有很大帮助。可能是一个JSFIDLE演示??上面的FIDLE非常有用,但我注意到了一个您忽略的有趣方面。按“提交”后,文本区域变为普通文本区域,其中包含html标记。阿洛哈编辑器就这样消失了。如何使aloha编辑器即使在提交后仍与文本区域绑定??请你更新小提琴好吗?你可以跳过.mahalo(),Aloha编辑器将停留在文本区域。小提琴在这里:太棒了!非常感谢:)接受答案并在答案中添加小提琴!一个小的代码演示将是一个很大的帮助。可能是一个JSFIDLE演示??上面的FIDLE非常有用,但我注意到了一个您忽略的有趣方面。按“提交”后,文本区域变为普通文本区域,其中包含html标记。阿洛哈编辑器就这样消失了。如何使aloha编辑器即使在提交后仍与文本区域绑定??请你更新小提琴好吗?你可以跳过.mahalo(),Aloha编辑器将停留在文本区域。小提琴在这里:太棒了!非常感谢:)接受答案并在答案中添加小提琴!