vue textarea空格和换行处理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue textarea空格和换行处理相关的知识,希望对你有一定的参考价值。

参考技术A 应用需求:在textarea中输入文字,提交给后台后,后台输出在另一个页面,文字按原格式显示。

在提交接口前处理绑定的数据

方法一:可以用replace替换空格和换行

方法二:识别换行后 分别加上p标签
这里需要注意的是 在传给接口前还需要将添加p标签后的数组形式转换成字符串

方法三:使用属性contentEditable
属性contentEditable:用于设置或返回元素的内容是否可编辑。
给任意标签如div或p标签设置属性contentEditable = true,则p标签或div标签等为可编辑标签

以上是关于vue textarea空格和换行处理的主要内容,如果未能解决你的问题,请参考以下文章

由一个项目需求引发的 - textarea中的换行和空格

h:outputText 中的 textarea 预格式化和换行

freemarker在生成word文档时,对于文字中的空格和换行怎么完美处理处理.

JSP问题,无法显示空格和换行。

正则表达式怎么解决空格和换行啊??

保留文本空格和换行