html-to-wxvdom

0.1.7 • Public • Published

HtmlToJson

呵呵

花了一天时间去看编译原理,并参考了html5parser和webkit htmlToken的思路,采用DFA实现了tokenize的部分。 为了使得状态机状态更简单,我去掉了对文档类型和注释的解析,这差不多为我省去了十来个状态,要知道,现在的状态机也只有10个状态。具体的可以看我给出的图。token类型也做了简化,仅有startTag、text、endTag三类。tokenize之后依据微信小程序rich-text的VDOM格式进行parser输出

How to use it?

npm i html-to-wxvdom

  1. in vue or react

import parser from "html-to-wxvdom";

parser("html string")//get the following object type data

js 

[{"name":"p","attrs":{},"children":[{"type":"text","text":"怎么老是下雨啊我的天。"}]},
{"name":"p","attrs":{},"children":[
{"name":"img","attrs":{"src":"http://api/give-me-liberty-or-give-me-death.jpg","style":"max-width:100%;"},"children":[]},
{"name":"br","attrs":{},"children":[]}]
}]

  1. in the node

const wxParser = require("html-to-wxvdom")

Readme

Keywords

Package Sidebar

Install

npm i html-to-wxvdom

Weekly Downloads

1

Version

0.1.7

License

MIT

Unpacked Size

216 kB

Total Files

12

Last publish

Collaborators

  • chuifengji