在工作中我遇到一個(gè)問(wèn)題，其實(shí)功能也不復(fù)雜，就是上面有個(gè)textarea標(biāo)簽 ，里面輸入內(nèi)容，下面有個(gè)顯示效果 ，有個(gè)條件就是 上面輸入的什么格式（比如換行等等），下面顯示的也是 什么格式。如下圖：

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

這個(gè)功能真的不復(fù)雜。實(shí)現(xiàn)如下：

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

 1 <!DOCTYPE html>  2 <html>  3 <head>  4     <meta charset="UTF-8">  5     <title>Demo</title>  6     <style>  7         .reset{  8             width:300px; margin: 20px auto 0; border:1px solid #00b3ee; height: auto;  9             display: block; 10         } 11 12     </style> 13 </head> 14 <body> 15 <textarea id="inputText" rows="5"></textarea> 16 <pre id="demoShow"> 17 </pre> 18 <script> 19     (function(content){ 20         var oInputText=content.getElementById('inputText'), 21