pre标签渲染textarea标签内容

简介

用 <pre> 标签正确渲染 <textarea> 标签的内容。

需求场景

表单中有一个物品描述的多文本框，我们需要获取到其中的内容并渲染到物品的详情描述中去。

当然我们同样可以用<textarea>标签。但是这里我们用<pre>去实现这个需求。

代码实现

解释

<pre>元素可以改变浏览器处理内容的方式，阻止合并空白字符，让源文档中的格式得以保留。

参考：<HTML5权威指南>