naoKの「ホイきたー！」

[カテゴリ: Misc.] エントリー: 2004-10-09

なんだか長ったらしいタイトルになっちゃった（笑

ええと，先ほどのエントリでコメントに絵文字機能を表示させるスクリプトの設置方法を書きましたが，Operaでうまく表示されないとかSafariでもうまくいかないみたいだとかいう情報がありまして。

かといって，他の方が設置してしまった以上，ここでこの記事を引っ込めてしまう訳にももういかず，もう見切り発車だー!!

で，引き続いて今度は記事の本文でも絵文字を使いたい方に。今度もいろんなファイルをいじりますよ。ppBlogもバージョンアップが近いみたいですし，この時期にいじってしまうとバージョンアップが億劫になるかもしれない諸刃の剣。素人にはおす（略

えぇー，さっさとやり方を書け!という声が聞こえそうなのでさっさと書きます（さっきと同じパターンかよっ）

まずはscript.jsです。これは前のエントリで追加したものを一部コピペします。

// コメントにカスタマイズ絵文字入力機能：画像リスト出力というぶぶんを探し出し（上のほうにあります），その下の行から12行をコピペ。場所はコピーした部分のすぐ下がいいでしょう。

　　［::コード省略::］

↑この部分をコピペして，そのすぐ下に貼り付けてください。今まで書いてあった部分を上書きしてしまわないように注意。貼り付けたら一行目の()の前に2と入れ，その下のvar textareaの設定を'document.writeform.com'とします。コピペ，設定した後はこんな感じ。

　　［::コード省略::］

…お分かりになりますでしょうか?この下の行に// reference from jugem.jp (c)とあれば成功です。多分。

では次。記事を書く画面に絵文字を表示させて，クリックすると絵文字のタグが挿入されるようにします。

ppBlogでは記事の新規作成用（write.inc.php）と既存の記事の編集用（edhit.inc.php）で別々にファイルがあります。なのでそれぞれに同じ改造をしてゆきます。これらのファイルはmodulesフォルダの中にあります。

先ほどの記事と同じく，formタグに名前をつけなければいけません。なので，どちらのファイルにもwriteformという名前をつけましょう。write.inc.phpは34行目辺り，edit.inc.phpは44行目辺り。　　［::コード省略::］

↑この部分を下のように。　　［::コード省略::］

あとは絵文字を表示させるスクリプトを記述するだけです。切り取りとか貼り付けとかのアイコンの下がいいんじゃないかなと思うので，そこに書いてみます。場所はwrite.inc.phpが64行目辺り，edit.inc.phpが75行目辺りに　　［::コード省略::］

という部分があるので，その下の行に　　［::コード省略::］

と入れてください。

10/16追記:ひとつ作業を追加です。過去にtemplate.htmlに下記のスクリプトを記述した方はtemplate.htmlの該当箇所を削除してください。utils.phpを"return $DIVISION['header'/]"で検索して4番目に　　［::コード省略::］

という箇所があると思います。これの<p class="center">の前にスクリプトを挿入します。　　［::コード省略::］

↑こんな感じ。

作業は以上です。これで記事の作成，編集時に絵文字が表示され，記事をアップするとそれが絵文字の画像に変換されます。すんばらしい。

改めてstroll:blogさんに感謝です

posted by naoK