XML2HTMLTest

xml文件转化为html，首先将xml放进json（这一步之后是服务器做，暂时可以省略该步骤，直接用json数据），然后将json转化为html

1、静态生成外围html（即article之外的元素）

2、xml文件处理

• =》1）这里的处理只为其添加了id属性，具体标签格式整理待后续完善
• 2）用documentId把xml文件读入为字符串，再转化为xmlDoc（js可以识别并处理的xml格式，ActiveXObject）
• 3）为每一个节点添加自增的id属性（针对节点类型）
• 4）将节点按照类型整理出来按照类型存入公共变量

3、生成正文部分

• 1）从2.4）中取出对应节点，遍历生成具有data-id和data-path属性的html节点，滨江对应文字内容放入html节点，同时设置其可编辑属性
• =》2）这一步为手动生成，后续待优化

4、编辑和保存实现

• =》1）现在只实现了加粗和变细的编辑
• 2）判断鼠标懂了的区域（根据mouseup的event参数），查找其祖宗节点是否具有可编辑属性（这块逻辑不够严密，只是为了测试方案的可行性）
• 3）如果具有可编辑属性，得到被编辑的祖先元素中具有data-path属性的元素
• 4）根据data-path值找到id=data-path的xml节点，更新其内容，保存