英単語にハイフンを付けてくれるJavaScript「Hyphenator.js」
[ 1分で読めて簡単導入できます]
英単語を使用すると改行が単語単位で行われてしまうので、余白が気になると言われたりもします。
その場合は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>
英単語にハイフンを付けてくれるJavaScript「Hyphenator.js」サンプル
記事作成：2009年09月10日
