今天寫乙個資訊展示頁面,從後台獲取到textare輸入的內容有文字格式,但是直接把值賦進標籤內,顯示是以文字格式輸出,不符合預期,經查資料,將解決辦法整理如下:
="txt"
>獲取到的文字資料 會以原樣輸出,請結合需求使用!<
/pre>標籤定義及使用說明
標籤可定義預格式化的文字。
被包圍在標籤 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。
使用後發現文字不自動換行,需要使用css修改
.txt
var otxt =$(
'p')
.html()
;//匹配換行符與回車符$(
'p')
.html
(otxt.
replace
(/[\r\n]/g,'
'));
//匹配空格$(
'p')
.html
(otxt.
replace
(/\s/g
,' '))
;
兩種方法可根據情況使用。 關於textarea中換行 回車 空格的識別與處理
需求 在textarea中輸入文字,提交給後台後,後台輸出在另乙個頁面,文字按原格式顯示。相容性 ie9以上 ff chrome在換行處匹配 n ie7 8在換行處先匹配 r 再匹配 n 問題解決 1 把 n r n s 分別替換為 這種情況是替換後的字串能夠被網頁解析,這樣在網頁上就能看到換行 空...
Html 換行和非換行空格
在文字編輯中,我們會遇到換行的問題。在html中有換行元素和 非換行空格符來解決換行問題。1 換行 在文字的任何一點都可插入換行標籤 來插入換行。例如 feijie carboy homepage 2 禁止換行 有時可能要求瀏覽器不按常規換行,例如,顯示的公司名很長,但又希望瀏覽器的顯示頁面很窄也不...
關於文字空格換行處理
white space 屬性會影響到使用者 對源文件中的空格 換行和 tab 字元的處理。通過使用該屬性,可以影響瀏覽器處理字之間和文字行之間的空白符的方式。從某種程度上講,預設的 xhtml 處理已經完成了空白符處理 它會把所有空白符合併為乙個空格。所以給定以下標記,它在 web 瀏覽器中顯示時,...