Tag: haik Tag: javascript Tag: jquery

HAIKでページ内のキーワードを置換して表示

サンプル

あああ#aあああああ#bあああ#aあああああああ

#a #b
いいいいい #c いいいいいいいいいいいい
bbbbb#abb$bbbbbb#cbbbbbbbbb
ううううううううううううううう #b

#c #c #c

説明

以下のようなスクリプトを別ページにしておいて、#include(別ページ名、notitle) とすると、replace_listsに設定した内容で置換される。

変換スクリプト(JavaScript) 

#html{{
<script>
var replace_lists = [
["#a","へんかん１"],
["#b","ヘンカン2"],
["#c","henkan3"],
["変換対象文字4","変換後の文字4"],
["変換対象文字5","変換後の文字5"]
];
 
 
$(function () {
$("p").each(function() {
   var t=$(this).text();
   var orgT = t;
   for(var i=0;i<replace_lists.length;i++) {
      var t2 = t.replace( replace_lists[i][0],replace_lists[i][1]);
     while(t2 !== t) {
       t = t.replace( replace_lists[i][0],replace_lists[i][1]);
       t2 = t2.replace( replace_lists[i][0],replace_lists[i][1]);
     }
   }
  if (t!=orgT) {
     $(this).text(t);
  }
});
});
 
</script>
}}

ページ頭の文字は

変換前 

あああ#aあああああ#bあああ#aあああああああ
#a #b
いいいいい #c いいいいいいいいいいいい
bbbbb#abb$bbbbbb#cbbbbbbbbb
ううううううううううううううう #b
#c #c #c

が以下の様に変換されたものです。

変換後 

あああへんかん１あああああヘンカン2あああへんかん１あああああああ
 
へんかん１ ヘンカン2 いいいいい henkan3 いいいいいいいいいいいい bbbbbへんかん１bb$bbbbbbhenkan3bbbbbbbbb ううううううううううううううう ヘンカン2
 
henkan3 henkan3 henkan3