2

中文排版开源项目-heti

 3 years ago
source link: http://osp.io/archives/6808
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
中文排版开源项目-heti – 开源派

赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。遵守MIT开源协议。

ra_233545.jpg@596w_1l.jpg

主要特性：

  • 贴合网格的排版；
  • 全标签样式美化；
  • 预置古文、诗词样式；
  • 预置多种排版样式（行间注、多栏、竖排等）；
  • 多种预设字体族（限桌面端）；
  • 简/繁体中文支持；
  • 自适应黑暗模式；
  • 中西文混排美化，不再手敲空格clap（基于 JavaScript 脚本）；
  • 全角标点挤压（基于 JavaScript 脚本）；
  • 兼容 normalize.css、CSS Reset 等常见样式重置；
  • 移动端支持；
  1. 在页面的 <head> 标签中引入 heti.css 文件： 
    <link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
  2. 在要作用的容器元素上增加 class="heti" 的类名即可： 
    <article class="entry heti">
  <h1>我的世界观</h1>
  <p>有钱人的生活就是这么朴实无华，且枯燥</p>
  ……
</article>
  3. 使用增强脚本（可选）： 
    <script src="//unpkg.com/heti/umd/heti-addon.min.js"></script>
<script>
  const heti = new Heti('.heti');
  heti.autoSpacing(); // 自动进行中西文混排美化和标点挤压
</script>

https://github.com/sivan/heti


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK