ＫＵＭＩ☆ふぉとＦＣ２ FC2で記事に絵文字入力


	FC2で記事に絵文字入力 2005年02月17日 (木) \| 編集 \| ▼下へやったぁ遂に絵文字がエントリー内で使えるようになりました stroll::blog \| FC2 Blog絵文字入力支援スクリプト絵文字（画像）リストを作成し、記事に簡単に絵文字（画像）タグを入力するためのFC2 Blog管理画面用ブックマークレットです。１．ブックマークレットを、『お気に入り』　に登録。２．使用する画像をＵＰ。３．画像定義ファイル（拡張子：js）を作成し、ＵＰ。　　（タイミングのいぃ事に、ＦＣ２で昨日からjsファイルがＵＰできるようになりました）使い方は、いたって簡単記事を書く時に、お気に入りに登録したブックマークレットをクリックするだけで、絵文字が使えます JUGEMで愛用していたこのスクリプト。。。 stroll::blogさんの　『 FC2 Blog絵文字入力支援スクリプト』　を使わせていただきました strollさん、いつもいつもいつもいつも。。。ほんっとにありがとうございます<(＿＿)> ふふふ　(..)(^^)(^。^)(^o^)(^Ｏ^)ｳﾚｼｰｰｰ!! 思わずにんまりしちゃいます # \| 2005/02/17 \| いじくり...φ(・＿・”)めも \| こめんと (15) \| とらっくばっく (2) \| ▲上へ \| Comment-open Comment-close やんやん* 『きゃぁ～可愛い絵文字がいっぱい～！そうそう。そういえばJUGEMの時も使ってたもんね♪ 新しいのがいっぱいって感じよ。ＫＵＭＩ☆ちゃん～すごいね～！！』 stroll 『TBありがとです。ＦＣ２、昨日からjsファイルがＵＰできるようになったんすね。なんてタイミングいいんだろう（笑毎度、ご利用ありがとです。』 KUMI☆ 『やんちゃん`:;,｡☆ そぅでしょ♪　そぅでしょ♪　(＠⌒ο⌒＠)ｂｳﾌｯも。嬉しくって、嬉しくって!!! ♪~♪ d(⌒o⌒)b♪~♪ﾗﾝﾗﾝ strollさまさま。。。だわぁ`:;,｡☆』 KUMI☆ 『stroｌｌlさま`:;,｡☆ わざわざ、お越しいただいてありがとうございます <(＿＿)> 念願の『FC2 Blog絵文字入力支援スクリプト』作ってくださって、ホントにありがとうございました。問題は。。。あっちですσ(^_^;)ｱｾｱｾ... どぅしましょ。。。』 fuw* 『こんばんは！私もこのスクリプト、使わせていただいてます！ホントはコメント欄にもアイコンを導入したのですが、なんどやってもできません・・・(>o<") なので、今後sbのバージョンアップでデフォルトでつくことを願ってやまない今日この頃（笑） BPに登録させていただきました！今後ともよろしくお願いいたします♪ わんこのしっぽ、可愛い＾＾』 KUMI☆ 『fuwさん、こんばんわぁ`:;,｡☆ 初めまして、だったかしら(・・? じっ、実は私もなんです(´～｀ヾ) ﾎﾟﾘﾎﾟﾘ・・・私も何度もチャレンジしているのですが、どぅにもうまくいきません(_ _。)･･･ｼｭﾝ ↑のstrollさんへのコメントの『あっち』がソレです^-^;アハハ... ＢＰに登録。。。ありがとうございます≦(._.)≧ こちらからも、させていただきますd(^-^)ﾈ!』 KUMI☆* 『さくらさん`:;,｡☆ 質問の件、こちらでお答えします。。。２．使用する画像をＵＰ…っていぅのは、普通にファイルアップロードでUPすればOK!!! １つずつです。。。（拡張子はダウンロードしてきたままでOK）３．画像定義ファイル（拡張子：js）を作成これは、stroll::blogさんち http://melrose.jugem.cc/?eid=292 の『サンプル画像定義ファイルダウンロード』をDLして作成します。 DLした『サンプル画像定義ファイル』を右クリックの『プログラムから開く』の Notepadで開くとstroll::blogさんちに説明されている内容のものがでてきますので、　　// ************ 設定ここから *********** 　　の<img src="この部分をUPした画像のURLに変更 style="vertical-align:middle" >'; 　　// *********** 設定ここまで *********** …なので、順番としては１．『サンプル画像定義ファイル』をDL ２．『サンプル画像定義ファイル』を開いて emojiList[emojiList.length]='<img src="http://stroll/test.gif" width="16" height="16" style="vertical-align:middle">'; の部分の http～width="16 の部分を削除（この後ろに border=0 を入れると画像の枠が消えます）３．２を画像の数の分だけコピペします４．画像をUPしながら、画像定義ファイルの<img src="この部分をUPした画像のURLに変更 border=0 style="vertical-align:middle" >"; を作成５．作成した『サンプル画像定義ファイル』を上書き保存して、『サンプル画像定義ファイル』をファイルのアップロードでUP ６．投稿画面でブックマークレットを実行後、絵文字設定のリンクをクリックし、サーバーにアップロードした画像定義ファイルのURLを登録これで、出来るはずなんですけど。。。説明がヘタでごめんなさい。解らない部分がありましたら、また遠慮なく聞いてくださいd(^-^)ﾈ!』さくら『こんばんは～♪ 初めての突然の質問にご親切にお答えくださってありがとうございました。とってもわかりやすく、順序に従って進んで行きました。途中まで順調だったのですが、最後の6でページでエラーが発生しました。の表示が下のタスク？に出てしまって、またわからなくなってしまいました。どうしたら良いでしょうか、、、、？本当にまったく無知でごめんなさい。ホントに難しいですね～。。。。何か原因は分かりますか？またご指導いただけると嬉しく思います。どうぞヨロシクお願いします。ありがとうございました。』さくら『何度もすみません。。。もう一度やり直しました。 6の途中まで出来ますが、「絵文字設定のリンクをクリックし、サーバーにアップロードした画像定義ファイルのURLを登録」が出来ずにエラーになります。画像定義ファイルのURLを入れてるつもりなんですが、、、。自分のブログのURLに「EMOJI_SAMPLE.js　」を付けたもの・・・で良いのですよね？あー皆さんみたいに私も使いたいです～。お手数おかけしますがヨロシクお願します。』 KUMI☆** 『さくらさん、こんばんわぁ`:;,｡☆ うーん[うーん]　駄目ですかぁ.。o○ ファイルのアップロード画面でUPした、jsファイルの上（表示って書かれているトコ）で右クリックして『ショートカットのコピー』をすると、クリップボードにURLをコピー出来ますのでそのURLで再度チャレンジしてみてください。いかがでしょうか[はてな]』さくら* 『こんばんは～♪ いつもいつもありがとうございます！そうやってURLがわかるのですね！早速やってみました！そしたら、次々と絵文字がダウンロードし始めたのですが、絵文字の出るところがすべて小さな「×」で表示されて絵文字は出ませんでした。おおおしい！！（涙）こうなると、、、、もしかしてUPしているサンプル画像定義ファイルの私が書き換えたものが間違っているのでしょうか・・・？ちょっとこんな感じですが見ていただけますか？ function getEmojiArray() { var emojiList = new Array(); // ************* 設定ここから *********** emojiList[emojiList.length]='<img src="http://blog9.fc2.com/vanille/pp_00a.gif"border=0"style="vertical-align:middle" >'; emojiList[emojiList.length]='<img src="http://blog9.fc2.com/vanille/pp_07.gif"border=0"style="vertical-align:middle" >'; emojiList[emojiList.length]='<img src="http://blog9.fc2.com/vanille/pp_09.gif"border=0"style="vertical-align:middle" >'; emojiList[emojiList.length]='<img src="http://blog9.fc2.com/vanille/pp_12.gif"border=0"style="vertical-align:middle" >'; // *********** 設定ここまで *********** return emojiList; } initCustomizeEmoji(); 途中、省略していますが、こんな感じです。全部で絵文字は29個暗いUPしました。間違えはあるのでしょうか・・・。すごい長くなってしまいましたがヨロシクお願します。一歩一歩完成に近づいてて嬉しいです♪ 本当にありがとうございます！！』さくら『何度も何度も本当にありがとうございました[好き] 今やっとできました！！！嬉しい～！どうもやっぱり定義ファイルに打ち込むupしたURLがこちらも間違っていたようでした！先ほどのように絵文字もショートカットのコピーをして確認したら間違いがわかりました。絵文字もバッチリ見れました。本当にありがとうございます！嬉しくて感動しています[えーん] あ！一つだけ疑問点があります。こうやって書き込むときにKUMIさんの所だと「えーん」とか「にっこり」とか表示されてUP後はちゃんと絵文字に変わっていますが、私の場合、URLみたいなものが長々と表示されます。その後upすれば絵文字に変わっているので良いと言えば良いのですが、ちょっと気になりまして・・・マタ良かったらアドバイスよろしくお願します。最後の最後まですみません。。。。』 KUMI☆** 『さくらさん`:;,｡☆ :.;".・;・^;・:＼(^▽^)/:・;^・;・.";.: ﾜｰｲ♪ 大成功ですねっ[ちょき] ご質問の件。。。こちらのコメントの絵文字は、そんな風に出ますが記事の投稿画面の方は、ＵＲＬが出て正解[はぁと] ちゃんとうまくいっているみたいですね(´▽｀) ﾎｯお役に立てて、よかったです^^ また何かあったら、聞いてみてくださいd(^-^)ﾈ!』さくら* 『お返事ありがとうございます[はぁと] 本当にお世話になりましたー[にっこり] やっとやっと大成功！ KUMIさんのおかげですよ♪ 見ず知らずの私に親切にしてくださって感謝しています。またお世話になるときもあるかもしれませんが今後ともどうぞヨロシクお願いします。ありがとうございました[にんまり]』 KUMI☆ 『さくらさん`*:;,｡☆ いえいえ^^ お役に立てて、よかった[はぁと] また、いつでもどーぞ[にこにこ]』