js保留文字的空格和換行效果
在有些時候,可能我們需要保留文字的空格或者換行,以保留格式。
比如textarea文字框中輸入的內容,可能我們就需要保留輸入的格式顯示。
下面就通過程式碼例項介紹一下如何實現此功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> var $=function (id) { return document.getElementById(id); } function showMsg() { var elem = $("result"); var content=$("content"); $("result").innerHTML=content.value.toString().replace(/(\r)*\n/g,"<br/>").replace(/\s/g," ") } window.onload = function () { var obt = document.getElementById("bt"); obt.onclick = function () { showMsg(); } } </script> </head> <body> <textarea id="content"></textarea> <div id="result"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
相關文章
- js 去掉空格.回車.換行JS
- JS實現全半形轉換和去空格JS
- ABAP字串拼接保留空格字串
- css li元素中的文字超出隱藏不換行效果CSS
- js將文字框的內容回車換行符轉換為<br/>換行JS
- javascript對空格和換行進行編碼程式碼例項JavaScript
- 替換空格 將一個字串中的空格替換成“ ”字串
- CSS 文字換行CSS
- C語言中回車,換行,空字元與空格:fgets和gets在讀取換行符的區別C語言字元
- 安卓資源字串中加全形空格、半形空格、換行、@%等特殊字元安卓字串字元
- js刪除文字框輸入內容前後兩端的空格JS
- JS 文字輸入框放大鏡效果JS
- JS 移除空格JS
- python去掉excel空格和換行,報錯'int' object has no attribute 'strip'PythonExcelObject
- C++ 中的替換空格C++
- js設定輸入的文字不同顏色效果JS
- 關於在textarea中輸入回車換行和空格字元的正常顯示 (轉)字元
- ASP.NET 2.0匯出到Excel時保留換行的方法ASP.NETExcel
- JS去掉字串空格JS字串
- 點選當前文字行實現文字變色效果
- 替換SQL欄位中的換行符,回車符,空格等特殊符號SQL符號
- CSS將長文字換行的方法(轉)CSS
- CSS實現的換行效果程式碼CSS
- c#換行符及空格符(轉義字元)C#字元
- js仿黑客帝國文字數字雨效果JS黑客
- excel表格中文字換行Excel
- js table滑鼠懸浮當前行高亮和切換資料效果JS
- Problem 4:替換空格(字串)字串
- js去掉字串兩邊的空格JS字串
- 馬賽克效果的JS圖片切換程式碼JS
- JS單行、多行文字字元去重和行去重JS字元
- Vue js用split切分並去掉空值和item的空格VueJS
- js點選文字框選中文字效果程式碼例項JS
- css中經遇到的文字換行問題CSS
- js效果——頁面如何讓換皮膚JS
- JS實現網頁換膚功能效果JS網頁
- 【劍指offer】替換字串中的空格字串
- js點選實現多圖順序切換和迴圈切換效果程式碼JS