JavaScriptでhtmlの特殊文字をエスケープ処理しクリップボードに出力する

変換前変換後
実 行クリアHighlighting Code BlockC#XMLHTMLTEXTPythonJavaScript

説明

HTMLで文章上で使ってはいけない文字を置き換えます。ブログ記事にプログラムのソースコードの貼り付け用に作成してみました。ブログを始める前までは<pre>で囲ってあげれば自動的にエスケープしてくれるものと思っていましたが自前で処理する必要があることを知りました。通常の文章は<>を気に掛ける程度ですのでそれほど問題はないのですが、プログラムのソースコードを貼り付ける場合、きちんとエスケープしておかないとコードが破綻してしまいます。正確性に難のある人間ですのでコンピュータに任せることにしてみました。

Highlighting Code Blockの後のC#などのボタンはエスケープ処理後にブログ用のタグを追加します。

コメント