HTML转义工具 [Javascript版]

最新推荐文章于 2025-10-13 07:32:05 发布

原创最新推荐文章于 2025-10-13 07:32:05 发布 · 757 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个用于在博客中便捷地发布HTML代码的工具，它能帮助用户轻松处理特殊字符如  , <, > 和 &。通过使用此工具，用户可以在不破坏页面布局的情况下展示复杂文本。

有时候需要在HTML中显示一些带有特殊字符的文本( < > & 空格) ，这时候就要用到HTML转义。

有了这个工具在博客发布HTML代码的时候就很方便了。

<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>HTML转义</title> </head> <body> <form> <textArea style="width:500px;height:100px;" id="param"></textArea ><br> <input type="button" value="encodeHTML" onclick="javascript:var div = document.createElement('div');div.innerText = window.document.getElementById('param').value + '';window.document.getElementById('result').value = (div.innerHTML+'').replace(/(\<br\>)/g,'\n');" style="width:90;"> <input type="button" value="decodeHTML" onclick="javascript:var div = document.createElement('div');div.innerHTML = window.document.getElementById('param').value + '';window.document.getElementById('result').value = div.innerText;" style="width:90;"><br> <textArea style="width:500px;height:100px;" id="result"></textArea ><br> </form> </body> </html>