在工作中我遇到一个问题,其实功能也不复杂,就是上面有个textarea标签 ,里面输入内容,下面有个显示效果 ,有个条件就是 上面输入的什么格式(比如换行等等),下面显示的也是 什么格式。如下图:

万码学堂,电脑培训,计算机培训,Java培训,JavaEE开发培训,青岛软件培训,软件工程师培训

这个功能真的不复杂。实现如下:

万码学堂,电脑培训,计算机培训,Java培训,JavaEE开发培训,青岛软件培训,软件工程师培训

 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