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

2021.06.17
変換前変換後
実　行クリアHighlighting Code BlockC#XMLHTMLTEXTPythonJavaScriptC++

<code>

説明

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

更新履歴
20250207
ブログカード用に[]を置き換え対象にしました。
_を置き換え対象にしました。
<code>ボタンの追加

コメント