[Javascript]WordPressの記事内で不具合なくJavascriptを使う方法は……?


WordPressの記事内でJavascriptを不具合なく使えるプラグインはないだろうか…。
以下、試してみたプラグイン。

Inline Javascript Plugin
使用方法:[inline★]javascriptのソースコード[/inline★](★を抜いてください)
不具合:ページ全体の自動改行が無効になる。

Custom CSS and Javascript
使用方法:記事編集ページの下のカスタムフィールドの名前に「custom_js_cord」、値にJavascriptを書く(scriptタグは不要)。
外部jsファイルの読み込みなど、他の使い方については当プラグインのページを参照。
不具合:個別記事のページだとjavascriptが動くが、一覧ページだと動かない。

うーむ……、どうしたものか……。
良い方法が見つかったらまた書きます。

[Javascript] ページ内の文字列の置換 replace


ページ内の文字列を置換する方法です。Javascriptのreplaceを使って変換します(splitとjoinを使う方法もあるようですが、replaceの方が早いようです)。

外部jsファイルに以下のソースコードを書きます。

ページ内の全てを対象にする

window.onload = function(){
  document.body.innerHTML = document.body.innerHTML.replace(/置換前の文字列/g."置換後の文字列");
}

IDを指定する

window.onload = function(){
  document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/置換前の文字列/g."置換後の文字列");
}

/置換前の文字列/gとなるところに注意してください。//gではさむことにより、ページ内の全ての文字列を置換します。“置換前の文字列”だと1つ目しか置換されません。