小山太郎.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

Sep 18

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

mobile, php No Comments »

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

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

Read more... »

May 26