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

前端之家收集整理的这篇文章主要介绍了html5 – 工作流如何实现内联编辑?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是非常好的UI功能,我可以编辑我的列表,点击没有特定的按钮.它看起来像大的wysiwyg编辑器与链接标签高亮.
他们使用哪种技术?可用于侦察焦点,然后是textarea进行编辑?

解决方法

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

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

原文链接:https://www.f2er.com/html5/168217.html

猜你在找的HTML5相关文章