前端之家收集整理的这篇文章主要介绍了
html5 – 工作流如何实现内联编辑?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是非常好的UI
功能,我可以编辑我的列表,点击没有特定的按钮.它看起来像大的wysiwyg编辑器与
链接和
标签高亮.
他们使用哪种技术?可用于侦察焦点,然后是textarea进行编辑?
我是建立WorkFlowy的两个人之一.当您在
页面上移动鼠标时,我们有一个不透明度:0文本区域位于
文件中,您随时悬停的项目.它具有与底层
内容完全相同的
内容和格式.
当您点击时,它将重点放在文本区域,并使其变为不透明度:1,并且其模拟不透明度的内容为0.然后,当您键入时,我们会同步文本区域和目标内容之间的内容.将来我们可能会转到一个完全不可见的文本区域,因为这样可以进行丰富的文本编辑.这就是很多基于html的IDE.
原文链接:https://www.f2er.com/html5/168217.html