[发明专利]基于HTML的微信公众号图文编辑器构建方法及其编辑器

权利要求书

1.一种基于HTML的微信公众号图文编辑器构建方法，其特征在于包括以下步骤：

第一步：基于HTML语言建立包含多个图文编辑布局结构的微信图文编辑页面模板；

第二步：根据脚本语言建立表格编辑模块，对微信图文编辑页面模板中的表格进行设置，具体包括对表格的样式设置、在表格内动态行/列的添加及删除设置、新增列的宽度设置；

第三步：基于HTML语言建立图文编辑模块和文字属性编辑模块，对微信图文编辑页面模板中的表格进行图文编辑，对微信图文编辑页面模板中的文字属性进行编辑；

第四步：建立页面保存新建模块，对微信图文编辑页面进行新建与保存，及打开已编辑的微信图文编辑页面进行二次编辑。

2.根据权利要求1所述的基于HTML的微信公众号图文编辑器构建方法，其特征在于第二步中，对表格的样式设置的具体过程如下：

（一）设置全局变量SelectedTR代表选中行，设置全局变量SelectedTD来代表选中列；

（二）初始值设为空，封装对应的函数分别来记录当前选择的要进行操作的行、记录当前选择的要进行操作的列及、设置列的属性；

（三）调用封装函数，并向代表当前选择的要进行操作的行、当前选择的要进行操作的列的封装函数添加响应事件，完成对表格的样式设置。

3.根据权利要求1或2所述的基于HTML的微信公众号图文编辑器构建方法，其特征在于第二步中，根据脚本语言封装插入行/列函数及封装追加行/列函数，完成在表格内动态行/列的添加设置。

4.根据权利要求1或2所述的基于HTML的微信公众号图文编辑器构建方法，其特征在于第二步中，新增列的宽度调节设置的具体步骤如下：

（一）获取当前行内的单元格数量x，即列的数；

（二）设置局部变量cols，将当前行内的单元格数量x赋值给局部变量cols；

（三）设定量i=0，判断i是否小于局部变量cols；

（四）若小于则获取当前单元格，将其赋给变量td，若不小于则结束流程；

（五）根据初始表格设置新增列的宽度。

5.根据权利要求3所述的基于HTML的微信公众号图文编辑器构建方法，其特征在于第二步中，新增列的宽度调节设置的具体步骤如下：

（一）获取当前行内的单元格数量x，即列的数；

（二）设置局部变量cols，将当前行内的单元格数量x赋值给局部变量cols；

（三）设定量i=0，判断i是否小于局部变量cols；

（四）若小于则获取当前单元格，将其赋给变量td，若不小于则结束流程；

（五）根据初始表格设置新增列的宽度。

6.根据权利要求1或2或5所述的基于HTML的微信公众号图文编辑器构建方法，其特征在于第三步中，对微信图文编辑页面模板中的表格进行图文编辑，图文编辑包括输入文字、插入图片，对图片的大小、位置、上传路径进行编辑；对微信图文编辑页面模板中的文字属性进行编辑，包括对文段的字体、颜色、大小、粗细进行编辑。

7.根据权利要求3所述的基于HTML的微信公众号图文编辑器构建方法，其特征在于第三步中，对微信图文编辑页面模板中的表格进行图文编辑，图文编辑包括输入文字、插入图片，对图片的大小、位置、上传路径进行编辑；对微信图文编辑页面模板中的文字属性进行编辑，包括对文段的字体、颜色、大小、粗细进行编辑。

8.根据权利要求4所述的基于HTML的微信公众号图文编辑器构建方法，其特征在于第三步中，对微信图文编辑页面模板中的表格进行图文编辑，图文编辑包括输入文字、插入图片，对图片的大小、位置、上传路径进行编辑；对微信图文编辑页面模板中的文字属性进行编辑，包括对文段的字体、颜色、大小、粗细进行编辑。

9.一种使用如权利要求1至8中任意一项所述基于HTML的微信公众号图文编辑器构建方法的编辑器，其特征在于包括：

页面模板设计模块，基于HTML语言建立包含多个图文编辑布局结构的微信图文编辑页面模板；

表格编辑模块，对微信图文编辑页面模板中表格的样式设置、在表格内动态行/列的添加及删除设置、新增列的宽度设置；

图文编辑模块，对微信图文编辑页面模板中的表格进行图文编辑；

文字属性编辑模块，对微信图文编辑页面模板中的文字属性进行编辑；

页面保存新建模块，对微信图文编辑页面进行新建与保存，以及打开已编辑的微信图文编辑页面进行二次编辑。