HTML TextArea的值保存后显示错误问题。

时间:2021-09-02 20:29:53

使用TextArea.Value可以获得TextArea所显示的值。 

当Value里包含HTML标签,或HTML转义内容时,使用保存的值显示到TextArea时就是出现HTML解析错误特别是TextArea.value包含</textarea>这样的内容时,会导致整个页面混乱。


处理办法,赋值到textarea前,对内容进行转义: 

 str = str..replace(/&/g, "&amp;");   //转义&     应该最先执行

 str = str..replace(/>/g, "&gt");   //转义html标签结束符号


转义后显示到HTML页面:

   <textarea name="htmlContent" cols="100" rows="20">{{=htmlContent}}</textarea>


可以在前端使用js做,也可以在服务器端。


 str = str..replace(/&/g, "&amp;");   //转义&