CodingFirst

C言語、Perl、JavaScript、最近はPythonも。出来上がったものより、プログラムを書くことが好き。あと、スイーツ。

スポンサーサイト

  • このエントリーをはてなブックマークに追加
  • web拍手 by FC2
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログにソースコードを貼り付ける

  • このエントリーをはてなブックマークに追加
  • web拍手 by FC2

FC2ブログにコードを貼り付けるのは、preタグを使ってるんだけど、
はてなダイヤリーのスーパーPRE記法みたいの無いんだっけ?
<とかをサニタイズ...実体参照に変えないと正しく表示されないようなので
変換用のツールというかHTML書いた。

<html>
<style type='text/css'>
* { font-size:small; margin:0; padding:0; }
body { margin: 5px; }
h1{ margin: 5px 0; }
pre { border: 1px solid black; padding: 5px; }
</style>
<body>
<h1>escapeHTML</h1>

<!-- original -->
<h3>original <input type='button' value='update' onclick='run();'</input></h3>
<form><textarea id='org' rows='10' cols='60'>
#include <stdio.h>
int main(int argc,char** argv){
  printf("hello\n");
  return 0;
}
</textarea></form>

<!-- escapeHTML -->
<h3>escapeHTML</h3>
<form><textarea id='esc' rows='10' cols='60'>
</textarea></form>

<!-- pre -->
<h3>pre</h3>
<pre id='pre'>
</pre>

<script>
function escape_html(str) {
  return str.replace(/[&"<>]/g, function(c) {
    return {
      "&": "&amp;", '"': "&quot;",
      "<": "&lt;",  ">": "&gt;"
    }[c];
  });
}
var org = document.getElementById('org');
var esc = document.getElementById('esc');
var pre = document.getElementById('pre');
function run(){
  pre.innerHTML = esc.value = escape_html(org.value);
}
run();
</script>
</body>
</html>

ローカルPCに esc.html とかいう名前で記録して、
開けば下のような画面になる。

escapeHTML.png

まぁ...
gistに貼ればいいんだけど、
それほどでも無いときに。



JavaScript本を検討中。いろいろ良さそうな本があるけど、定番はこれかな..?


JavaScript 第5版JavaScript 第5版
(2007/08/14)
David Flanagan

商品詳細を見る
スポンサーサイト


★☆★コメント★☆★

コメントの投稿

Name
Subject
Mail
URI
Comment
Pass
Secret 管理者にだけ表示を許可する

トラックバック

http://iyukki.blog56.fc2.com/tb.php/113-f6cdb43b

 | HOME | 

Search

Recent Entries

Foot Print



Categories

Monthly

Recent Comments

Recent Trackbacks

Profile

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