palt-typesetting 0.1.6 → 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 +19 -19
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ typesetter.renderToSelector('.my-class')
|
|
|
24
24
|
### Use from CDN
|
|
25
25
|
|
|
26
26
|
```html
|
|
27
|
-
<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>
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
```html
|
|
@@ -46,7 +46,7 @@ typesetter.renderToSelector('.my-class')
|
|
|
46
46
|
.typeset-latin {
|
|
47
47
|
letter-spacing: 0.05em;
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
/* if needed */
|
|
50
50
|
font-size: 105%;
|
|
51
51
|
line-height: calc(1.8 / 1.05);
|
|
52
52
|
}
|
|
@@ -76,17 +76,17 @@ console.log(typesetter.render(srcHtml))
|
|
|
76
76
|
|
|
77
77
|
### Constructor
|
|
78
78
|
|
|
79
|
-
|
|
|
80
|
-
|
|
|
81
|
-
| `Typesetter(options?)`
|
|
79
|
+
| コンストラクタ | 説明 | 引数 |
|
|
80
|
+
| ---------------------- | ----------------------------------------------------------------------------------------------------- | ------------------------------- |
|
|
81
|
+
| `Typesetter(options?)` | Typesetter インスタンスを作成します。<br>オプションを指定することでカスタムの組版設定を適用できます。 | `options`: オプション（任意）。 |
|
|
82
82
|
|
|
83
83
|
### Methods
|
|
84
84
|
|
|
85
|
-
|
|
|
86
|
-
|
|
|
87
|
-
| `render(srcHtml)`
|
|
88
|
-
| `renderToElements(elements)`
|
|
89
|
-
| `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` |
|
|
90
90
|
|
|
91
91
|
## Options
|
|
92
92
|
|
|
@@ -131,15 +131,15 @@ typesetter.renderToSelector('.my-class')
|
|
|
131
131
|
|
|
132
132
|
### Typesetting Options
|
|
133
133
|
|
|
134
|
-
|
|
|
135
|
-
|
|
|
136
|
-
| `classNamePrefix`
|
|
137
|
-
| `useWordBreak`
|
|
138
|
-
| `wrapLatin`
|
|
139
|
-
| `noSpaceBetweenNoBreaks`
|
|
140
|
-
| `addThinSpaces`
|
|
141
|
-
| `thinSpaceWidth`
|
|
142
|
-
| `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}[]` | `[]` |
|
|
143
143
|
|
|
144
144
|
## Notes
|
|
145
145
|
|
package/package.json
CHANGED