parse-html是将html格式的文本转化为hyperscript格式文本的前端实用工具。

Parse the html tag and generate the js function declarative source code.

hyperscript格式的源代码常用于构造DOM文档,它可以直接被javascript使用,并且避免许多html的陷阱。


(资料图片仅供参考)

parse-html输入内容可以是任何类似html的格式文本,例如html,xml,jsx等等各种格式的文本。生成hyperscript代码的一般语法为

tagName(props={}, childNodes=[])

用法

首先将github中的内容,克隆至本地。仓库地址为xp44mm/parse-html仓库。

在文件夹根目录启动命令行。执行:

npm i

安装依赖包。

npm run build

生成页面。

运行

导航进入目录parse-html/dist找到index.html双击,用浏览器打开页面,运行。

贴一些html源文本,到顶部的输入文本框,点击生成按钮,底部的输出文本框会生成输出代码。

将输出代码粘贴的你的源文件,在此基础上,适当的修改之。

关键词: