palt-typesetting 0.1.5 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -20
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
# Typesetting
|
|
1
|
+
# Palt Typesetting
|
|
2
|
+
|
|
3
|
+
## Typesetting Library for Propotional Spacing
|
|
2
4
|
|
|
3
5
|
Palt Typesetting は、読みやすく美しいテキスト表示を実現するための JavaScript ライブラリです。和欧混合、およびメトリクス詰め(`font-feature-settings: 'palt'`) の版面設計において、最大限の力を発揮します。
|
|
4
6
|
|
|
@@ -22,7 +24,7 @@ typesetter.renderToSelector('.my-class')
|
|
|
22
24
|
### Use from CDN
|
|
23
25
|
|
|
24
26
|
```html
|
|
25
|
-
<script src="https://unpkg.com/palt-typesetting@0.1.
|
|
27
|
+
<script src="https://unpkg.com/palt-typesetting@0.1.7/bundle/palt-typesetting.min.js"></script>
|
|
26
28
|
```
|
|
27
29
|
|
|
28
30
|
```html
|
|
@@ -44,7 +46,7 @@ typesetter.renderToSelector('.my-class')
|
|
|
44
46
|
.typeset-latin {
|
|
45
47
|
letter-spacing: 0.05em;
|
|
46
48
|
|
|
47
|
-
|
|
49
|
+
/* if needed */
|
|
48
50
|
font-size: 105%;
|
|
49
51
|
line-height: calc(1.8 / 1.05);
|
|
50
52
|
}
|
|
@@ -74,17 +76,17 @@ console.log(typesetter.render(srcHtml))
|
|
|
74
76
|
|
|
75
77
|
### Constructor
|
|
76
78
|
|
|
77
|
-
|
|
|
78
|
-
|
|
|
79
|
-
| `Typesetter(options?)`
|
|
79
|
+
| コンストラクタ | 説明 | 引数 |
|
|
80
|
+
| ---------------------- | ----------------------------------------------------------------------------------------------------- | ------------------------------- |
|
|
81
|
+
| `Typesetter(options?)` | Typesetter インスタンスを作成します。<br>オプションを指定することでカスタムの組版設定を適用できます。 | `options`: オプション（任意）。 |
|
|
80
82
|
|
|
81
83
|
### Methods
|
|
82
84
|
|
|
83
|
-
|
|
|
84
|
-
|
|
|
85
|
-
| `render(srcHtml)`
|
|
86
|
-
| `renderToElements(elements)`
|
|
87
|
-
| `renderToSelector(selector)`
|
|
85
|
+
| メソッド名 | 説明 | 引数 | 返り値 |
|
|
86
|
+
| ---------------------------- | --------------------------------------------------------------------- | ------------------------------------------------------------ | ---------------------------------------- |
|
|
87
|
+
| `render(srcHtml)` | スタイルを適用した HTML 文字列を返します。 | `srcHtml`: 処理する HTML 文字列 | `string`: スタイルを適用した HTML 文字列 |
|
|
88
|
+
| `renderToElements(elements)` | 指定された Element または Element の配列にスタイルを適用します。 | `elements`: スタイルを適用する Element または Element の配列 | `void` |
|
|
89
|
+
| `renderToSelector(selector)` | 指定された CSS セレクタに一致するすべての要素にスタイルを適用します。 | `selector`: スタイルを適用する要素を選択する CSS セレクタ | `void` |
|
|
88
90
|
|
|
89
91
|
## Options
|
|
90
92
|
|
|
@@ -129,15 +131,15 @@ typesetter.renderToSelector('.my-class')
|
|
|
129
131
|
|
|
130
132
|
### Typesetting Options
|
|
131
133
|
|
|
132
|
-
|
|
|
133
|
-
|
|
|
134
|
-
| `classNamePrefix`
|
|
135
|
-
| `useWordBreak`
|
|
136
|
-
| `wrapLatin`
|
|
137
|
-
| `noSpaceBetweenNoBreaks`
|
|
138
|
-
| `addThinSpaces`
|
|
139
|
-
| `thinSpaceWidth`
|
|
140
|
-
| `kerningRules`
|
|
134
|
+
| オプション名 | 説明 | 型 | デフォルト値 |
|
|
135
|
+
| ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | ------------ |
|
|
136
|
+
| `classNamePrefix` | ライブラリで使用される CSS クラス名のプレフィックスを指定します。 | `string` | `'typeset' ` |
|
|
137
|
+
| `useWordBreak` | 単語や助詞など、語単位での改行を行います。 | `boolean` | `true` |
|
|
138
|
+
| `wrapLatin` | 英数を `span.typeset-latin` でラップします。<br>`useWordBreak` が `true` の場合にのみ有効です。 | `boolean` | `true` |
|
|
139
|
+
| `noSpaceBetweenNoBreaks` | 罫線などの分離禁則文字を `span.typeset-nobreaks` でラップし、文字間を 0 に設定します。<br>`useWordBreak` が `true` の場合にのみ有効です。 | `boolean` | `true` |
|
|
140
|
+
| `addThinSpaces` | 四分アキスペースを自動で追加します。 | `boolean` | `true` |
|
|
141
|
+
| `thinSpaceWidth` | 四分アキスペースの幅を設定します。<br>`addThinSpaces` が `true` の場合にのみ有効です。 | `string` | `'50%' ` |
|
|
142
|
+
| `kerningRules` | 特定の文字間のカーニングルールを設定します。 | `{between: [string, string], value: string \| number}[]` | `[]` |
|
|
141
143
|
|
|
142
144
|
## Notes
|
|
143
145
|
|
package/package.json
CHANGED