terkel

Take control of Japanese typesetting on the web

129 Stars 3 Forks Last release: Not found 50 Commits 4 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Readme

Mojik

Name: mojik
Brand: mojik
SKU: //terkel/mojik
Rating: 2.0725 (129 reviews)

Mojikは、ウェブにおける和文の文字組みをコントロールするためのJavaScriptライブラリです。現在のところ、以下のパターンでの「アキ」の調整ができます。

連続する約物のアキ
行頭の始め括弧のアキ
和欧間のアキ

Mojik is a JavaScript library which makes Japanese typography more beautiful on the web. Currently, it makes adjustments to spacing for the cases:

Spaces between consecutive punctuation marks
Space before a punctuation mark at the beginning of a line
Space between Japanese and Latin characters

デモ Demo

https://terkel.github.io/mojik/

使い方 How to use it

ファイル一式をダウンロード、もしくはnpmからインストールします。
Download all files or install via npm.

ダウンロード: https://github.com/terkel/mojik/archive/master.zip
npm:
```
npm install mojik
```

mojik.css

と

mojik.js

をHTMLドキュメントに読み込みます。
Add

mojik.css

and

mojik.js

to your HTML document.

Mojik.compose()

メソッドを呼び出します。引数には、文字組みを適用したい段落や見出しなどのCSSセレクターを渡します。
Call the

Mojik.compose()

method. Use the parameter to pass the CSS selector to text elements.

文字組を適用したくない箇所は

.mjk-ignore

でマークアップします。

ありがとうヾ(๑╹◡╹)ﾉ

各アキ量はCSSで調整します。
Set the spacing amount using CSS.

.mjk-western-number {
    margin-left: 0.166ch;
    margin-right: 0.166ch;
}

オプション Options

Mojik.compose()

の2番目の引数でオプションを指定できます。

Mojik.compose("main h1", { supportOldAndroid: true });

```
doubleDash
```
: ダッシュ（U+2014 EM DASHまたはU+2015 HORIZONTAL BAR）が2つ以上連続したとき、それらがつながっているように見せる（実際には1つのダッシュをCSSで横方向に拡大している）。デフォルトは
```
false
```
```
spaceInsideWesternBrackets
```
: 欧文括弧類（
```
()
```
、
```
[]
```
、
```
{}
```
、
```
“”
```
）の内側と和文の間にアキを持たせる。デフォルトは
```
false
```
```
supportOldAndroid
```
: Noto Sans CJKの入っていない、バージョン5までのAndroidをサポートするかどうか。デフォルトは
```
false
```
（参考：#25）

ライセンス License

このプロジェクトはMITライセンスのもとで公開されています。
This project is released under the MIT License.

mojik