textarea內(nèi)容怎樣輸入就怎樣展示，類似微博？

遇到了一個(gè)需求，自己不知道該怎么辦，使用移動(dòng)端富文本編輯器雖然能排版，但是達(dá)不到想要的效果而且又及其不好用，我想要的效果如下：

比如編輯時(shí)我是這樣編輯的：

展示就是按它編輯是怎樣的就是怎樣展示，如下圖：

求解，在此謝過(guò)。

最終選擇辦法：
在提交參數(shù)時(shí)保留回車符

ActDetail=ActDetail.replace(/[\r\n]/g,"<br/>");//保留回車符

展示內(nèi)容時(shí)按html格式輸出，css代碼添加一個(gè)white-space: pre-wrap;屬性保存空白，例如我這邊是用vue做的：

<div class="content" v-html="data.content"></div>

回答

編輯回答

苦妄

pre標(biāo)簽就行了

2017年3月30日 15:28

編輯回答

絯孑氣

中間保存?zhèn)€換行不就可以了嗎?

2018年5月18日 13:57

編輯回答

只愛(ài)你

你那數(shù)據(jù)拿到的時(shí)候是有n么，我之前也是遇到過(guò)，可以這樣：

text=text.replace(/[\r\n]/g,"<br/>");

2018年5月25日 05:37

編輯回答

不舍棄

謝邀/
你所描述的這種效果實(shí)現(xiàn)方案/
1 也就是所謂的換行微博這種猜測(cè) 可能說(shuō)你進(jìn)行換行或者空格等等一系列操作他可能加入/n 或者&nbsp這一些換行還是空格符存在數(shù)據(jù)庫(kù) 然后在發(fā)布的時(shí)候按格式把數(shù)據(jù)渲染出來(lái)

2 還有就是用輸入的時(shí)候你可以把他的文本格式對(duì)應(yīng)標(biāo)簽去渲染,然后把你這些數(shù)據(jù) 已字符串存到數(shù)據(jù)庫(kù)，然后第二次調(diào)取數(shù)據(jù) 字符串轉(zhuǎn)換按標(biāo)簽元素的格式去渲染所謂的格式

簡(jiǎn)單敘述倆種實(shí)現(xiàn)方案！

2017年5月13日 04:23