HTML 的缩写变压器

此模块取解析出 Emmet 缩写树并转换为标记语法(HTML, XML, Pug, Slim等)输出. 这种转变包括:

• 隐形标记名称解析 . 根据父母的姓名填入标记名称。 譬如说, table>.row>.cell 将决心 table>tr.row>td.cell 相当.
• 项目编号. 替换 $ 符号在节点的名称、属性和内容中具有中继器值。 譬如说, .item$*3 将生成节点 item1, (中文(简体) ), item2 财务报告和审定财务报表 item3 分类名称。 多个 $ 将零板中继器值,例如. $$$ → 001.012.123. 预告 $ 字符为 \ 以跳过编号并保持原样.
• 内容插入. 部分内容 以缩略语环绕 动作: 克隆默认重复元素( 如 li*对于每个指定内容阵列的项目,将项目内容插入克隆节点.

使用量

import parse from '@emmetio/abbreviation';
import transform from '@emmetio/html-transform';

const abbr = transform(parse('ul>.item$*'), ['foo', 'bar']);
// `abbr` now holds equivalent of `ul>li.item1{foo}+li.item2{bar}` abbreviation