Javascript文字处理器/编辑器(或Google Docs架构)

前端之家收集整理的这篇文章主要介绍了Javascript文字处理器/编辑器(或Google Docs架构)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我认为自己的文本编辑器是一个Google Docs,纯粹是为了好奇,当然是无意义的(与重塑轮子无关),这很有趣.我一直在想,像Docs和Zoho Writer这样的应用程序可以获得高级布局,例如在不同的页面上分隔文本,或者将标题内容保持一致,你知道,像 TinyMCEnicedit这样的编辑器不会做.我知道使用designMode和contenteditable,我听说过人们使用画布,但有更好的方法吗?桌面办公套件如MS或LibreOffice如何管理?在编辑内容时特别将内容分割成离散页面

在旁注中,任何人都知道新Google文档的效果如何?它似乎没有使用contenteditable(Zoho使用designMode),也没有画布.从我发现的,它只是一个非常深层次的< div> s.

解决方法

你的’问题’有点宽,但我会尽量帮你一点点:

Google文档正在使用隐藏的iframe(不显示:无,只是用户无法真正看到它),内容可编辑(.docs-texteventtarget-iframe);当您看到插入符号闪烁时,这意味着可编辑的主体被聚焦,并且您在其中写入的所有内容都插入到DOM中(在清理特殊的HTML字符之后)

像我说的Google Docs正在使用DOM修改(不是canvas或svg);即使插入符号也是一点点闪烁.

TinyMCE使用类似的技术,但使用输入字段(而不是内容可编辑的主体)

猜你在找的JavaScript相关文章