javascriptでhtmlエスケープを行う

javascriptでhtmlエスケープを行う

javascriptで、正規表現を使用して、htmlエスケープを行うサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ firefox 80.0.1

htmlエスケープ処理

正規表現を利用した、以下のコードで、htmlをエスケープすることが可能です。

サンプルコード

以下は、
「エスケープ」ボタンをクリックすると、フォームに入力されたhtmlをエスケープして結果を表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

エスケープされていることが確認できます。