xml文件转化为html,首先将xml放进json(这一步之后是服务器做,暂时可以省略该步骤,直接用json数据),然后将json转化为html
- =》1)这里的处理只为其添加了id属性,具体标签格式整理待后续完善
- 2)用documentId把xml文件读入为字符串,再转化为xmlDoc(js可以识别并处理的xml格式,ActiveXObject)
- 3)为每一个节点添加自增的id属性(针对节点类型)
- 4)将节点按照类型整理出来按照类型存入公共变量
- 1)从2.4)中取出对应节点,遍历生成具有data-id和data-path属性的html节点,滨江对应文字内容放入html节点,同时设置其可编辑属性
- =》2)这一步为手动生成,后续待优化
- =》1)现在只实现了加粗和变细的编辑
- 2)判断鼠标懂了的区域(根据mouseup的event参数),查找其祖宗节点是否具有可编辑属性(这块逻辑不够严密,只是为了测试方案的可行性)
- 3)如果具有可编辑属性,得到被编辑的祖先元素中具有data-path属性的元素
- 4)根据data-path值找到id=data-path的xml节点,更新其内容,保存