CodeMirror
<html> <head> <title>テスト</title> <script> function foo(bar, baz) { alert("quux"); return bar + baz + 1; } </script> <style> div.border { border: 1px solid black; padding: 3px; } #foo code { font-family: courier, monospace; font-size: 80%; color: #448888; } </style> </head> <body> <h1>テスト</h1> <p>テスト。これはテストです。</p> </body> </html>