仁がWeb技術っぽい記事を書いています。仁jQueryでブログ貼り付け用にHTMLコードをエスケープするPocketTweetブログにHTMLコードを貼り付けるときpreタグでもエスケープしないとうまく表示されない。JavaScriptでエスケープする方法を調べてみたら、手動で置換してたり一行にしか対応してなかったり、空白が全部&nbsp;になったり、あまり思ったような物がなかった。WordPressではビジュアルモードにコードを貼り付けた後、HTMLモードにすればエスケープしてくれるんだけど、jQueryでもHTMLをエスケープできるといいなと思い、ツールを作ってみた。rows="10"></textarea>textarea#rawTextに入力された生のHTMLを生成したjQueryオブジェクト(ここではpre要素)にtextメソッドで入力する。textメソッドではHTMLとして解釈せずテキストとして表示されるように自動的にエスケープしてくれる。textarea#escapedTextにエスケープされた内容をhtmlメソッドで取り出し入力する。textareaではなくpreで表示したい場合は、ブラウザに解釈されてしまうので、そのままではダメで、さらにtextメソッドを通してエスケープされてから表示するようにする必要がある。development以下はデモ。上のテキストエリアにコードを入力して「エスケープ」ボタンをクリックする。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。仁がWeb技術っぽい記事を書いています。