charch

Chinese web typography library.


Keywords
Chinese, typography, typeset, CJK, web
License
MIT
Install
npm install charch@0.1.0

Documentation

charch.js 中文排版工具

npm-v npm-l npm-dm

Demo: quietshu.github.io/charch/demo

用法

安装

NPM:

$ npm install charch

使用

  1. body 底部 插入此脚本:
<script type="text/javascript" src="charch.build.js"></script>
  1. 在需要排版的元素上加入 class='charch'
  2. 设置同样是添加 class 的形式:
    1. charch-indent:段前自动缩进两格
    2. charch-link:超链接下划线调整
    3. charch-pseudo:(此段)首字加大
    4. charch-vertical:竖排
    5. charch-cjk-latin-space:中西文自动间隔
    6. charch-bracket-replace:直角引号自动替换
    7. charch-link-space:超链接左右间隔
    8. charch-line-height:行距自动调整
  3. 运行 Charch(document)

例如:

<div class="charch charch_pseudo charch_vertical">
  <p>段落一</p>
  <p>段落二</p>
  ...
</div>
<script type="text/javascript" src="charch.build.js"></script>
<script type="text/javascript">
  Charch(document);
</script>

将生成一段竖排文本,且首字加大。

样例

正常(窄)

2

首字加大

1

竖排

3

致谢

https://github.com/vinta/paranoid-auto-spacing

协议