大佬教程收集整理的这篇文章主要介绍了html5 – 如何将contentEditable转换为结构化标记编辑器?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的要求:
>没有创建DIV -tags.
>文本容器外不允许使用文本. (段落,标题,预编组和内联元素)
我还需要弄清楚如何遍历内容并以限制形式将其推送到服务器.
(我也会喜欢关于我可以为一个满足的领域做的事情的好文档)
听起来只是让所有现有的段落标签和标题标签满足,如果我理解你的要求,就会给你你想要的东西.如果您希望用户能够插入新的段落和标题,则在编辑时按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,请注明来意。