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

英単語を使用すると改行が単語単位で行われてしまうので、余白が気になると言われたりもします。
その場合はHyphenator.jsを使用するのも一つの手段でしょう。
英単語にハイフンを付けてくれるJavaScript「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」サンプル

sponsors

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

記事作成:
記事URL:

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