FCafe  コメント欄機能 UP!

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

  「コメントにも絵文字!」 とか叫びながら頑張ってる管理人ですが、実はその前振りであった、 「コメントにも画像!」 とか 「コメント中URLを整形!」 なども同様に有用ではないかと思っておりまして、此度のOdin改訂では一応それらも盛り込んでみたりした訳です。

でも、まだ足りない機能が。 そう。 sug 氏の「最終version」にある「URLの文字列置換」です。
・・・で、FC2blogのコメント欄に以下の機能を付加するスクリプトを作ってみました。

どのテンプレートにも簡単に設置して使えます(筈)ので、宜しければお試しを。


【 設置方法 】 head領域に以下のソースを貼り付けます。 <script type="text/javascript"><!--
function GCOM(id) {
var A="<%url>".replace( /(http:\/\/)\w+\.(\w+\.fc2\.com\/)/, "<img src='$1$2image\/" );
var B = document.getElementById( id );
C = B.innerHTML.replace(/>(http[-\w\/:\.]+(jpg|png|gif))</gi, "><img src='$1'><");
C = C.replace( />(http[-\w\/%&=#:;\.\?]+)<\/a>「([^」]+)」/gi, "><strong title='$1'>$2</strong><\/a>");
C = C.replace( />(http[-\w\/%&=#:;\.\?]+)</gi, "><strong title='$1'>URL</strong><");
C = C.replace(/\[(emoji:)?([vie])[-]?([0-9]+)\]/g, A+"$2/$3.gif'>");
B.innerHTML = C;
}
//--></script>

  コメント文章部分を以下の様にします (例) <p class="△" id="c<%comment_no>"><%comment_body></p>
<script type="text/javascript">GCOM("c<%comment_no>")</script>
コメント文にIDを付加し その後(commentブロック内)にスクリプト関数を書きます
.

【 使用法 】 投稿時コメント中に画像URLを書けば実寸で画像が表示されます。
サイトアドレスなどの非画像 URLは URL と短縮・強調されて表示されます。   また、
http://pcafe.blog3.fc2.com/blog-entry-180.html「検索語強調」
等とURLの直後に 「」 に挟んだ代用文を続けると
検索語強調
・・・のように表示されます。
.

【 解 説 】 前記事でも書きましたが、このスクリプトは「自動リンクの代用」ではありません。
「自動リンク」を土台に更に「機能追加」を行うものです。 autolinkはONで御使用下さい。
スクリプト関数 GCOM (ゴージャスコメント?)はまず (1)画像URLをイメージタグに置き換え、次いで(2) に挟まれた代用文字列の付いたURLをその文字列に置き換えます。 続いて(3)代用文字列の付かないURLを”URL”という文字列に変換します(2,3ではstrongタグを付加しアドレスをtitleオプションに変換します)。
最後に (4)文中に絵文字タグが存在すればそれを imgタグに変換します。
  この関数を導入しておけば、手打ち、管理画面からのコピペ、当店がお示しした(これからお示しする)スクリプト、等様々な手段で投稿された純正・或いは短縮絵文字タグをコメント欄で画像化可能となります。   SAMPLE

  当初、 置換順序は 1⇒3⇒2⇒4 とした方が効率が良い様に思ってそのようにスクリプトを書いていたのですが、Firefoxでは上手く行くのにIEでは置換されませんでした。 正規表現の解釈については少し前にIEの方がgreedyであるケースを体験していたので、両方で動くよう記事のような順序にした次第です。 (ブラウザ毎の仕様の差はCSSの解釈のみに留まりませんで全く悩みのタネではあります)

Comment

- - Edit
07/21 13:58

管理人のみ閲覧できます このコメントは管理人のみ閲覧できます

daniel daniel Edit
07/21 20:15

ファイル名詐称の問題ですか。 
画像(表示可能な)掲示板等でもその危険はあると思いますが・・・
(寡聞にして実例は知りません)
リンクも付いてますので不用意なクリックは控えた方が良いでしょうね

- - Edit
03/30 22:08

管理人のみ閲覧できます このコメントは管理人のみ閲覧できます

Guest Guest Edit
05/17 15:49

初めまして 大変便利なスプリクトを有難うございます。
ひとつ質問ですが、URLの後に「#c423」などつけた場合、
機能しないようなのですが、それを回避する事は出来ますでしょうか?。

daniel daniel Edit
05/17 17:42

こんにちは。 スクリプトが認識するURL文字列構成要素に”#”が含まれていない為です。
真ん中の行の %&=:;.?に追加されてみてください
★記事中のソースを修正しました
(それにしても  "" が消えるのは面倒ですね )
(( バックスラッシュのこと PCによって違う? ))

Guest Guest Edit
05/18 13:50

有難うございます daniel 様。
お忙しいところ素早い対応をしていただき、有難うございました。
無事、コメントURLを指定しても動作するようになりました(^^)。
有難うございましたm(__)m。


.  
HN Title URL PW secret

TrackBack http://pcafe.blog3.fc2.com/tb.php/182-2956c7a9

Shown after Admisson
.

≫ コメント絵文字入力 2 Odin で絵文字 ≪

2005 / 07 / 18  Mon
Comment/TB   
Comment 6 / TB 0 / Edit
Designed by Daniel Corporation . all rights renounced
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。