由上图可以发现我们保存模版不仅仅是保存图片，还需要保存图片对应的 json schema 数据，之所以要保存 json schema 是为了当用户切换到对应的模版之后可以保证模版的每个元素都可以还原，类似于我们最熟悉的 PSD 源文件。
前言想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。
一、数据源数据源格式如下图，每一行为各地的GDP及三产业数据，A列作为辅助区域（由C列和B列合并而成）。二、制作选择器以地区作为筛选字段。1、插入数据透视表选择数据源A:G列，插入数据透视表到新工作表的P1单元格。将[地区]字段拖拽到[行区域]。
Tinymce是一个免费的WYSIWYG HTML编辑器，由JavaScript写成。它是一个根据LGPL license发布的自由软件。Tinymce可以将文本区转换为富文本HTML编辑器，并可以嵌入到PHP脚本。
笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring，从第一个版本到现在经历了很多次版本迭代和优化，也收到了很多宝贵的建议，目前刚好完成了移动端数据可视化的基本设计和落地方案，在这里特地总结和复盘一下。
我最初设计flowmix/flow 目的是让它实现自动化AI Agent 生成， 后面越研究越发现它可以做的事情还很多， 所以为了让大家更快的感受flowmix 的能力， 我先做了一个流程编辑器， 也就是flowmix/flow， 我自己基于它设计了几个图表编辑场景， 这里给大家分享一下.
阅读目录 一、HTML编写介绍二、CSS编写介绍、快速格式化四、小编用的插件一、HTML编写介绍1.1快速在vscode中新建html文件，利用!（英文状态下哦！）具体操作：新建一个html的文件，现在是空白状态 （如下图） 第一步：建HTML文件2.键入“!
