Typeset

> 编程语言

开源

用于网页排版的HTML预处理器

2.7K stars0 点赞1 次浏览

访问官网 GitHub

工具介绍

用于网页排版的HTML预处理器

排版

Typeset 是一个用于网页排版的 HTML 预处理器，它提供了传统精细印刷中使用的排版功能，而这些功能在浏览器布局引擎中仍然无法实现。Typeset 的处理为您的网页带来以下特性：

Typeset 不需要任何客户端 JavaScript，且使用的 CSS 不到 1KB。处理后的 HTML 和 CSS 可在 Internet Explorer 5 中运行，且无需任何 CSS。Typeset 可手动使用，也可作为 Grunt 和 gulp 的插件使用。

快速入门

安装

bash

$ npm i typeset

用法

javascript

const typeset = require('typeset');
let html = '<p>"Hello," said the fox.</p>';
let output = typeset(html);

CSS

然后调整CSS以匹配你字体的度量，并将其包含在你的页面中。

…

选项

你可以传入一个选项对象来影响 HTML 的排版方式：

javascript

const options = {
  ignore: '.skip, #anything, .which-matches', // string of CSS selector(s) to ignore
  only: '#only-typeset, .these-elements', // string of CSS selector(s) to exclusively apply typeset to
  disable: ['hyphenate'] // array of typeset feature(s) to disable
};

功能特性

以下功能可能已被禁用：

hyphenate
hangingPunctuation
连字
punctuation
引号
smallCaps
spaces

命令行用法

bash

$ npm i -g typeset

bash

用法：typeset-js [选项] [<输入文件> [<输出文件>]]
Options:
-h, --help      输出使用信息
-V, --version 输出版本号
-i, --ignore    要忽略的CSS选择器字符串
-O, --only      仅应用于排版的CSS选择器字符串
--disable,      string of typeset feature(s) to dis