所见即所得低代码编辑器画布实现
Source :
mp.weixin.qq.com
Author :
高飞宇
在开发或使用低代码产品时，我们总会想到一个功能，就是预览，用来确认编辑的内容是否符合预期。 市面上的编辑器在预览方面有多种实现方式： 打开一个新的窗口，进行预览 直接在编辑区所见即所得 如果是用户，当然是选择第2种，最直观，最符合预期。 如果是开发者就会知道，之所以有这样多的可能性，是因为所见即所得非常依赖实际生产的运行环境，第1种单独打开窗口的实现成本比较低。 而有的编辑器虽然声称是所见即所得，但实际操作上，只是有相似度的所见即所得，因为实际运行环境和生产有较大的差距，仍然比较容易产生预期外的问题。 在我们团队的珊瑚海项目中，就实现了一个可以做到完全所见即所得的低代码编辑器，如果想了解该项目概况，可以访问下我们过往的两篇基本介绍文章。 《设计无侵入性的低代码编辑器》 《珊瑚海跨端解决方案及在移动端的布局动态化实践》 下面我就来介绍下，我们是如何实现的所见即所得低代码编辑画布。
