ヽ(´ー`)ノヽ(´ー`)ノヽ(´ー`)ノ[ xreaの規約による,xreaの,xreaのための広告スペース ]ヽ(´ー`)ノヽ(´ー`)ノヽ(´ー`)ノ

ppBlogで記事本文にも絵文字を使いたいっっ!

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

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

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

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

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

もっと読む»

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

// コメントにカスタマイズ絵文字入力機能:画像リスト出力
というぶぶんを探し出し(上のほうにあります),その下の行から12行をコピペ。場所はコピーした部分のすぐ下がいいでしょう。
function writeCustmizeEmojiTagList() {
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.c_com';

// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
for (var i = 0; i < list.length; i++) {
window.document.write('<a href="javascript:;" onClick="addCustmizeEmoji(' + textarea + ', '' + list[i/][0/] + '');"><img src="' + list[i/][1/] + '"' + att + ' alt="' + list[i/][0/] + '" /></a>');
}
}
↑この部分をコピペして,そのすぐ下に貼り付けてください。今まで書いてあった部分を上書きしてしまわないように注意。貼り付けたら一行目の()の前に2と入れ,その下のvar textareaの設定を'document.writeform.com'とします。コピペ,設定した後はこんな感じ。
function writeCustmizeEmojiTagList() {	//コメント用
// コメントを入力するテキストエリアを指定
var textarea = 'document.comform.c_com';

// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
for (var i = 0; i < list.length; i++) {
window.document.write('<a href="javascript:;" onClick="addCustmizeEmoji(' + textarea + ', '' + list[i/][0/] + '');"><img src="' + list[i/][1/] + '"' + att + ' alt="' + list[i/][0/] + '" /></a>');
}
}

function writeCustmizeEmojiTagList2() {	//記事画面用
// コメントを入力するテキストエリアを指定
var textarea = 'document.writeform.com';

// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
for (var i = 0; i < list.length; i++) {
window.document.write('<a href="javascript:;" onClick="addCustmizeEmoji(' + textarea + ', '' + list[i/][0/] + '');"><img src="' + list[i/][1/] + '"' + att + ' alt="' + list[i/][0/] + '" /></a>');
}
}
…お分かりになりますでしょうか?この下の行に
// reference from jugem.jp (c)
とあれば成功です。多分。

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

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

先ほどの記事と同じく,formタグに名前をつけなければいけません。なので,どちらのファイルにもwriteformという名前をつけましょう。write.inc.phpは34行目辺り,edit.inc.phpは44行目辺り。
<form method="post" action="index.php" enctype="multipart/form-data">
↑この部分を下のように。
<form name="writeform" method="post" action="index.php" enctype="multipart/form-data">
あとは絵文字を表示させるスクリプトを記述するだけです。切り取りとか貼り付けとかのアイコンの下がいいんじゃないかなと思うので,そこに書いてみます。場所はwrite.inc.phpが64行目辺り,edit.inc.phpが75行目辺りに
<script type="text/javascript">writeToolBar();</script>
という部分があるので,その下の行に
<script type="text/javascript">writeCustmizeEmojiTagList2();</script>
と入れてください。10/16追記:ひとつ作業を追加です。過去にtemplate.htmlに下記のスクリプトを記述した方はtemplate.htmlの該当箇所を削除してください。utils.phpを"return $DIVISION['header'/]"で検索して4番目に
return $DIVISION['body'/] = $body.$_com.NL.$header.NL.'<p class="center">'.$back.NL.' '.$main.'</p>'.NL;
という箇所があると思います。これの<p class="center">の前にスクリプトを挿入します。
return $DIVISION['body'/] = $body.$_com.NL.$header.'<script type="text/javascript">changeCustmizeEmojiTag();</script>'.NL.'<p class="center">'.$back.NL.' '.$main.'</p>'.NL;
↑こんな感じ。

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

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

404 File Not Found

参考エントリ:stroll::blog | コメントにカスタマイズ絵文字入力機能naoKの「ホイきたー!」| ppBlogでも絵文字機能を使いたいっっ!

— posted by naoK at 22:17   [ Misc. ] Comment [10]  TrackBack [1]

思えば一年前の今日,こんなこと書いてました。
  • と思ったけど,まだblog始めてませんでした…
  • [ 1年前スクリプト by naoK ]
同じカテゴリからランダムピックアップ

この記事に対するコメント・トラックバック [11件]

Up1. ブログ?┃∀・)ニヤニヤ — 2004/10/09@23:41:51

homepageどうかなーうーん。。。絵文字が変なところに入っちゃう・・・ゥゥ
続き »


2. りえっぺ — 2004/10/09@23:42:39

naoKチャンありがとう〜
何とか設置してみますた。
が、絵文字が変なところに入っちゃいまつ。うっ

Owner Comment naoK  2004/10/10@00:32:32

りえっぺさん,絵文字,どこに入ってしまってるんでしょう?
教えていただければ調べますー。

4. りえっぺ — 2004/10/10@00:58:53

あんね。naoKちゃんみたくすぐ横に来ないの。
確かずーーっと前に画像の関係でutils.phpをいじった覚えが。。。
その関係かもーうっ

Owner Comment naoK  2004/10/10@01:31:44

りえっぺさん,メールしときました。
コレで直ってくれればいいのですが…

Up6. りえっぺ — 2004/10/10@01:32:30

やったやったよ。ママン(チガウ
naoKちゃんいつもありがとうーはぁと

Owner Comment naoK  2004/10/10@01:48:08

うまくいって良かったです。

グッジョブ,自分グッみたいな(笑

8. yuki — 2004/10/16@23:38:07

こんばんわ☆
先ほどはコメントありがとうございましたはぁと
お返事とともに顛末を書きましたが、ワタシの場合ダメでした[グスン]
ここの絵文字は見えるのでワタシ側の問題だと思うのですけど………ガンバリマスグッ

Owner Comment naoK  2004/10/16@23:55:49

ありゃぁ,ダメでしたか。
素のsbだと大丈夫ってことは他のスクリプトが干渉しているのかもしれませんね。
ぬか喜びさせてしまって申し訳ありませんでした。

10. ヒデ — 2007/03/18@14:52:21

ケーキドクログッダッシュいかりうっzzzはぁとグスン風邪ネムー汗ムンクラブリーベーッあちゃぁえーんムカッニコッ・・・全て欲しかった絵文字だったので良かったです。『ありがとうございます!』 今から使わせてもらいます。 

UpOwner Comment naoK  2007/03/18@17:40:02

homepageヒデさん,どういたしまして。本当はもっとたくさんの…というかauの絵文字全てをセットで配布しているサイトがあったんです。
が,どこだったか思い出せず…。すみません。


この記事に対する TrackBack URL:

設定によりTB元のページに、こちらの記事への言及(この記事へのリンク)がなければ、TB受付不可となりますのであらかじめご了承下さい。

コメントをどうぞ。 名前(ペンネーム)と画像認証のひらがな4文字は必須で、ウェブサイトURLはオプションです。

ウェブサイト (U):

タグは使えません。http://・・・ は自動的にリンク表示となります

ニコッ ムカッ えーん あちゃぁ ベーッ ラブリー ムンク 汗 ネムー 風邪 グスン はぁと zzz うっ いかり ダッシュ グッ ドクロ ケーキ

     

[X] [Top ↑]