有LyX和这样的编辑器试图确保你编写具有不同结构的文本。我想从html5 contentEditable字段中获得相同的行为，除了我不知道如何。
我的要求：
我还需要弄清楚如何遍历内容并以限制形式将其推送到服务器。
（我也会喜欢关于我能为满足的事情做些事情的好文件）
答案 0 :(得分：5)
以下是DOM规范，说明元素可编辑的含义：http://www.w3.org/TR/html5/editing.html#editable
听起来只是让所有现有的段落标签和标题标签满足，如果我理解你的要求，就会给你你想要的东西。如果您希望用户能够插入新的段落和标题，则在修改时按Enter键会在Chrome中插入换行符作为<br>标记，但如果用户输入HTML标记，则会将其转义并显示作为文本。至于插入其他格式化的内容，这完全取决于用户代理;我在Chrome中的测试显示它显然不允许用户插入粗体/斜体/等。文本。
编辑：显然在Chrome中（也可能是扩展程序，也是Safari），按下Control-I，Control-B，Control-U会导致您从富文本编辑器中获得相同的行为！
我还在Firefox中进行了测试，发现与Chrome不同，它与规范完全相反，实际上会插入新的<p>标签，而不是<br>，而_moz_dirty=""添加了属性。你不应该删除它;如果Firefox遵循规范，它将永远不会通过在标签外部插入文本来破坏DOM。但是，请注意使用Chrome和Firefox的用户将生成不同的HTML结构，您可能希望通过Javascript或服务器端清理来平滑...我也没有在此计算机上使用IE来弄清楚它是如何处理的不幸的是，换行符和Microsoft的文档没有指定。
至于将它推送到服务器，您可以通过拉动相关元素的文本内容（或者只是使整个<div>满足）来构建其文本内容的数组，并使用AJAX。然后将其发布到服务器。使用jQuery非常容易（根据要求可以为此提供进一步的帮助）。