Need help with mojik?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

terkel
130 Stars 4 Forks 50 Commits 17 Opened issues

Description

Take control of Japanese typesetting on the web

Services available

!
?

Need anything else?

Contributors list

Mojik

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.