CodeIgniter ユーザガイド 日本語版 Version 1.7.3


スマイリーヘルパ

スマイリーヘルパのファイルは、スマイリー (顔文字) を管理できる関数で構成されています。

ヘルパのロード

このヘルパは次のコードを使ってロードします:

$this->load->helper('smiley');

概要

スマイリーヘルパは、 :-) [訳注:日本の顔文字の(^^)に相当] のようなプレーンテキストの顔文字をもとに、 smile! のような画像の表現に変換して描画します。

また、クリックしたときにフォームフィールドに挿入できる顔文字画像のセットも表示できます。 たとえば、ユーザがコメントをつけられるブログを作成しているとき、顔文字のセットをコメントフォームの下に表示させることができます。 ユーザは、セットしたい顔文字をクリックでき、JavaScriptで、選択した顔文字がフォームフィールドに置かれます。

クリッカブルスマイリーのチュートリアル

以下は、フォームフィールドの下にクッリクできる顔文字を作成する方法を説明した例です。このサンプルでは、 まず、顔文字の画像をダウンロードしてインストールする必要があります。そのあと、説明通りにコントローラとビューを作成します。

Important: 始める前に、顔文字をダウンロードして、 サーバのパブリックにアクセスできる場所に設置してください。また、このヘルパは、 application/config/smileys.php にある顔文字置き換え設定の配列が必要になります

コントローラ

application/controllers/ フォルダの中に、smileys.php という名前のファイルを作成し、その中に下のコードを書いて下さい。

Important: get_clickable_smileys() 関数で、URLを smiley フォルダの場所を指すように変更します。

スマイリーヘルパーのほか、HTMLテーブルクラスを使っているのがわかると思います。

application/views/ フォルダの中に、smiley_view.php という名前のファイルを作成し、その中に下記のコードを書いてください:

上のコントローラとビューを作成したら、次のURLを訪問して読み込んでください http://www.example.com/index.php/smileys/

フィールドの別名

ビューへの変更を行う際に、コントローラにフィールドIDを持たせていては扱いにくい場合があります。このような問題に対処するため、 ビューの中の特定のIDに関連づけようとしているスマイリーリンクに、一般的な名前を付けることができます。

$image_array = get_smiley_links("http://example.com/images/smileys/", "comment_textarea_alias");

別名をフィールドIDにマッピングするには、smiley_js 関数に、それら両方を渡します:

$image_array = smiley_js("comment_textarea_alias", "comments");

関数リファレンス

get_clickable_smileys()

クッリク可能なリンクで囲まれた顔文字画像の配列を返します。顔文字画像のフォルダのURLと、 フィールドのIDか別名を指定する必要があります:

$image_array = get_smiley_links("http://example.com/images/smileys/", "comment");

Note: js_insert_smileyと組み合わせて使う、第二引数を用いないこの関数の利用方法は、非推奨になりました。

smiley_js()

顔文字画像をクリックし、フォームフィールドに挿入可能にするJavaScriptを生成します。 スマイリーリンクを生成する際に、IDの代わりに別名を指定する場合、 関数に、別名とそれに関連するフォームIDを渡す必要があります。 この関数は、webページの<head>領域に設置するように設計されています。

<?php echo smiley_js(); ?>

Note: この関数は、非奨励となったjs_insert_smiley の代わりになります。

parse_smileys()

テキストを入力として、プレーンテキストの顔文字を同じ種類の画像の顔文字に変換します。 第1引数には文字列を、第2引数には顔文字画像のフォルダのURLを指定する必要があります:

$str = 'Here are some simileys: :-) ;-)'; $str = parse_smileys($str, "http://example.com/images/smileys/"); echo $str;