英単語にハイフンを付けてくれるJavaScript「Hyphenator.js」

英単語を使用すると改行が単語単位で行われてしまうので、余白が気になると言われたりもします。
その場合はHyphenator.jsを使用するのも一つの手段でしょう。

使用方法

Hyphenator.jsから、ファイルをダウンロードします。
Hyphenator.jsと単語パックがありますので、それをアップロード。
※patternsはHyphenator.jsと同ディレクトリにアップ。 

<script type="text/javascript" src="Hyphenator.js"></script> 
<script type="text/javascript">
Hyphenator.run();
</script>
また、以下のようにする必要があります。 <html lang="en">
最後にハイフンを付けたいテキストにclassとlangを付与します。

<p class="hyphenate" lang="en">English words are shorter in the average then german words.
 <span lang="de">?Silbentrennungsalgorithmus?</span> for example is quite long.</p>

サンプル

通常

English words are shorter in the average then german words. ?Silbentrennungsalgorithmus? for example is quite long.

Resize the window to see hyphenation in effect.

Not only words but also links like http://code.google.com/p/hyphenator/ are processed. But in a special manner (using zero width space).

適用中

English words are shorter in the average then german words. ?Silbentrennungsalgorithmus? for example is quite long.

Resize the window to see hyphenation in effect.

Not only words but also links like http://code.google.com/p/hyphenator/ are processed. But in a special manner (using zero width space).


Javascriptサンプルページ一覧
skuare.net