小山太郎.com

Mar 04

CKEditorを使ったフォームを作成する。

JavaScript, php No Comments »

CKEditorで入力フォームを作ります。

form.php で入力（CKEditor、CKFinder付き。前回参照）
conf.phpで確認。戻るでform.phpに戻るようにして、form.phpにはPOSTで入力していた情報をデータとしてセットする。

を行います。

form.phpで入力と戻ってきたときのデータをセット

form.phpでは、CKEditor(CKFinder含）をセットし、formタグで囲み、action="conf.php" method="post"にします。
conf.phpで戻ってきたときに入力していたデータをセットします。

１．は普通にCKEditorを組み込めれば、フォームと同じです。

２．では、textarea name="editor1" だったとすると、editor1にPOSTで戻ってきたデータをセットすることになりますが、CKEditorの準備が完了してからセットしないと反映されません。

イベントinstanceReadyを使い、準備が出来た時にセットするようにします。

JAVASCRIPT:

<script type="text/javascript"> //<![CDATA[ CKEDITOR.on(\\'instanceReady\\', function(e) { var tmpEditor = CKEDITOR.instances.editor1; tmpEditor.setData( \\'<?php echo ; ?>\\' ); });
//]]> </script><script type="text/javascript">
//<![CDATA[
CKEDITOR.on('instanceReady', function(e) {
var tmpEditor = CKEDITOR.instances.sentence;
tmpEditor.setData( '<?php echo $sentence; ?>' );
});
//]]>
</script>

渡すデータは、改行などをあらかじめ削除しておきます。

PHP:

$sentence = $_POST['editor1'];
$sentence = ereg_replace( "\r|\n", "", $sentence );

これで、CKEditorの準備が出来た時に、$_POST[''];のデータをセットすることが出来ます。

参考ＵＲＬ

CKEditor 3 JavaScriptAPI Documentation
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.html

Mar 03

CKEditor,CKFinderを使ってWORDのようなフォームを作る

JavaScript, php No Comments »

CKEditor,CKFinderの使い方

WordPressなどでは、TinyMCEが使われていますが、画像などのアップロードをしようとすると、TinyMCEだけを組み込んでもできません。

そこで、TinyMCEに似ていて、なおかつファイルアップロードまで簡単に組み込めてしまえるCKEditor,CKFinderを使うことにします。

CKEditorがTinyMCE、CKFinderがファイルアップロード機能（実際は管理も出来ますが今回は省略）です。

Read more... »

Jan 03

キーワード検索機能をつけるときに、自分は全角スペース、半角スペースごちゃまぜで検索しようとします。
PHPでこの機能を作る場合は、フォームから渡されたキーワード文字列を分割しなくてはいけません。キーワードを区切る文字を”半角スペース”とする場合、全角スペースを半角スペースに変換する必要が出てきます。
str_replace()などでは全然変換されなくて困っていたところ、便利な関数が用意されていました。

mb_convert_kana()を使う

こんな関数が用意されていました。
http://jp2.php.net/manual/ja/function.mb-convert-kana.php

PHP:

//全角スペースを半角スペースに変換
$keywords = mb_convert_kana( $keywords, "s" );
//半角スペースで区切り、$keyList配列に格納
$keyList = explode( " ", $keywords );

全角スペースがつながって複数ある場合は？

上記explodeでそれぞれ配列に値が入りましたが、全角スペースが２つなどつながっている場合、配列$keyList内には余分な空文字も入っています。

空白、NULL,false,-1などのboolean=falseとなるような値をフィルタリングした配列を返す関数array_filter()を使います。
最後にforeach()などで値を見れば、確かに入力したフォームの文字列から空白を除いた文字列が取得できました。

PHP:

$keyList = array_filter( $keyList );
foreach( $keyList as $key=>$val ){
echo $val."<br />";
}

参考URL

mb_convert_kana
http://jp2.php.net/manual/ja/function.mb-convert-kana.php

array_filter
http://www.php.net/manual/ja/function.array-filter.php

配列要素の削除方法について PHPプロ！Ｑ＆Ａ掲示板
http://www.phppro.jp/qa/1475

Dec 14

さくらインターネットでPHP+Mysql 文字コードをUTF8で使うメモ（文字化け対策）

php, さくら（サーバ） No Comments »

さくらインターネットのスタンダードプランでは、Mysql5.1.30だった。
たいして考えないでCREATE TABLEすると、照合順序がujis_japanese_ci（EUC-JP）になってしまう。
utf8_general_ciを使いたいところです。文字化け防止の手順を。
DBは契約したときに１つだけ割り当てられてますが、DB自体を設定することはできないので、テーブル作成時、mysql_connect()した後、mysql_select_db()前にutf8に設定する必要があるようです。

CREATE TABLE時

テーブルの照合順序をutf8_general_ciに設定する。

PHP:

mb_internal_encoding( 'UTF-8');
$sql = "CREATE TABLE `tablename` (data1,data2,...) ENGINE=InnoDB CHARACTER SET utf8 COLLATE utf8_general_ci;";
$link = $db->Query( $sql );

INSERTやSELECT時

以下のように、接続した後にSET NAMES utf8をセットすると、INSERT,SELECTなどの時うまく日本語が文字化けせずに入りました。

PHP:

$link = mysql_connect( $host, $user, $password );
mysql_query( "SET NAME utf8", $link );
mysql_select_db( $dbname );

charset, collateはconfigでdefineきっておけば良いですね。

参考リンク

MySQL 6.5.3 CREATE TABLE 構文
http://dev.mysql.com/doc/refman/4.1/ja/create-table.html

さぼてん：PHP+Mysql+UTF-8で文字化け対策
http://saboten009.blogspot.com/2008/01/phpmysqlutf-8.html

Sep 20

DreamweaverCS3でCakePHPのctpファイルを開く

CakePHP 1 Comment »

Dreamweaverでctpファイルを認識

CakePHPのテンプレートファイル.ctpをDreamweaver CS3で認識させ、さらにPHPのように振る舞うよう設定します。

テスト環境はWindowsXP環境。
ViewやLayoutのテンプレートCTPを通常のDreamweaverでは開けないので、設定ファイルを変更します。
Dreamweaver自体の設定は３箇所。
あと、エクスプローラで*.ctpファイルのプロパティを開き、アプリケーションを登録しておけば、PHPと同様の動作をしてくれます。

※ファイルを操作するので、一応環境設定でUTF-8にしておいてください。

Read more... »

Sep 18

php 携帯フォームで絵文字のみを削除する

mobile, php No Comments »

掲示板などを作ったとき、携帯の入力フォームで、キャリアの違いによる絵文字変換が面倒な場合が多々あると思います。
AUで入力された絵文字をDocomoで見たときなどに出る文字化けです。
対応が面倒な場合は、「絵文字は自動的に削除されます」と一言加え、入力されてから確認画面に移行した時に削除しておけばＯＫ。

AU,ソフトバンクで軽く確認済み

Read more... »

Jul 05