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

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

解决方法

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

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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码