HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 如何将contentEditable转换为结构化标记编辑器?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
LyX和这样的编辑器试图确保您编写具有不同结构的文本.我想从 html5 contentEditable字段中获得相同的行为,除了我不知道如何.

我的要求:

>没有创建DIV -tags.
>文本容器外不允许使用文本. (段落,标题,预编组和内联元素)

我还需要弄清楚如何遍历内容并以限制形式将其推送到服务器.

(我也会喜欢关于我可以为一个满足的领域做的事情的好文档)

解决方法

以下是DOM规范,说明元素可编辑的含义: http://www.w3.org/TR/html5/editing.html#editable

听起来只是让所有现有的段落标签标题标签满足,如果我理解你的要求,就会给你你想要的东西.如果您希望用户能够插入新的段落和标题,则在编辑时按Enter键将插入换行符< br> Chrome中的@L_197_11@,但如果用户输入HTML@L_197_11@,则会将其转义并显示为文本.至于插入其他格式化的内容,这完全取决于用户代理;我在Chrome中的测试显示它显然不允许用户插入粗体/斜体/等.文本.

编辑:显然在Chrome中(也可能是扩展名,Safari也是如此),按下Control-I,Control-B,Control-U会导致您从富文本编辑器中获得相同的行为!

我还在Firefox中进行了测试,发现与Chrome不同,它与规范并不完全相反,它实际上插入了新的< p>标签代替< br>,添加了_moz_dirty =“”属性.你不应该删除它;如果Firefox遵循规范,它将永远不会通过在标签外部插入文本来破坏DOm.但是,请注意使用Chrome和Firefox的用户生成不同的HTML结构,您可能希望通过Javascript或服务器端清理来平滑…我也没有在此计算机上使用IE来弄清楚它是如何处理的不幸的是,换行符和Microsoft的文档没有指定.

至于将它推送到服务器,您可以通过拉动相关元素的文本内容(或者只是使整个< div> contenteditablE),构建其文本内容的数组,然后将其POST到服务器.使用jQuery很容易做到这一点(可根据要求为此提供进一步的帮助).

大佬总结

以上是大佬教程为你收集整理的html5 – 如何将contentEditable转换为结构化标记编辑器?全部内容,希望文章能够帮你解决html5 – 如何将contentEditable转换为结构化标记编辑器?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。