html5 – 工作流如何实现内联编辑？

这是非常好的UI功能,我可以编辑我的列表,点击没有特定的按钮.它看起来像大的wysiwyg编辑器与链接和标签高亮.
他们使用哪种技术？可用于侦察焦点,然后是textarea进行编辑？

解决方法

我是建立WorkFlowy的两个人之一.当您在页面上移动鼠标时,我们有一个不透明度：0文本区域位于文件中,您随时悬停的项目.它具有与底层内容完全相同的内容和格式.

当您点击时,它将重点放在文本区域,并使其变为不透明度：1,并且其模拟不透明度的内容为0.然后,当您键入时,我们会同步文本区域和目标内容之间的内容.将来我们可能会转到一个完全不可见的文本区域,因为这样可以进行丰富的文本编辑.这就是很多基于html的IDE.