skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです
英単語にハイフンを付けてくれる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>
英単語にハイフンを付けてくれるJavaScript「Hyphenator.js」サンプル
記事作成：2009年09月10日
▼英単語にハイフンを付けてくれるJavaScript「Hyphenator.js」へのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事：お手軽に要素を切り替えるJavaScript「Quovolver | a simple jQuery plugin for revolving quotes」
次の記事：jQuery & MooToolsを使用した10個のカレンダープラグイン
