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

说明书

本发明涉及图文编辑技术领域，是一种基于HTML的微信公众号图文编辑器构建方法及其编辑器，前者包括第一步基于HTML语言建立包含多个图文编辑布局结构的微信图文编辑页面模板；第二步根据脚本语言建立表格编辑模块；第三步基于HTML语言建立图文编辑模块和文字属性编辑模块；第四步：建立页面保存新建模块，对微信图文编辑页面进行新建与保存，以及打开已编辑的微信图文编辑页面进行二次编辑。本发明改变了传统的HTML编辑工具通用的编辑方式，通过HTML语言和脚本语言实现了表格设计布局、动态添加行列、新增列宽度的自动调节、图文宽度的自动调节，使新增列宽度、页面宽度及图文宽度自动匹配终端屏幕，使公众号网页的表现形式更加多变、新颖、美观。

技术领域

本发明涉及图文编辑技术领域，是一种基于HTML的微信公众号图文编辑器构建方法及其编辑器。

背景技术

社会信息化的快速发展，使微信逐渐成为人们必不可少的交流工具，微信与人类的关系愈来愈密切，微信已经成为日常社交不可或缺的工具。目前微信作为人们聊天交友的工具的典型性逐渐弱化，微信公众号作为个人通信传媒的工具的作用却越来越强大。

但是，对于那些不懂编程的公司员工，要想自己编写出自己想要的宣传页面，相对有些困难。微信公众号图文编辑除了请专业的程序员来写代码外，也可借用现有的HTML编辑工具自行编写。而目前常用的HTML编辑工具，都只能采用通用编辑方式，之后通过拷贝粘贴到微信公众平台后台编辑页面中才能正确地显示在终端上。究其原因，是因为页面的宽度和图文高度等不能自动匹配终端屏幕。

发明内容

本发明提供了，克服了上述现有技术之不足，其能有效解决现有微信图文编辑器存在的页面宽度不能自动匹配终端屏幕的问题。

本发明的技术方案之一是通过以下措施来实现的：一种基于HTML的微信公众号图文编辑器构建方法，包括以下步骤：

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

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

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

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

下面是对上述发明技术方案的进一步优化或/和改进：

上述第二步中，对表格的样式设置的具体过程如下：

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

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

（三）调用封装的函数及给代表当前选择的要进行操作的行、当前选择的要进行操作的列的封装函数添加响应事件，完成对表格的样式设置。第二步中，根据脚本语言封装插入行/列函数及封装追加行/列函数，完成在表格内动态行/列的添加设置。

上述第二步中，新增列的宽度调节设置的具体步骤如下：

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

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

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

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