2019-08-07把富文本的 ↵ 转为/br标签

例如：“我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助，↵合作竞争，学习更加有动力！?↵从简单的单词到句型和场景对话，↵孩子越来越敢于开口说英语啦！[耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨~”

需要转为才能被html识别，并且换行。可以这样做。

‘↵’是回车符’/n’,这段内容是通过textarea人为编辑，提交给后端保存的。编辑框中可以识别的字符，在普通的标签里面没办法识别到，所以要转换成可以识别的

#方法1
string.replace(/(\r\n|\n|\r)/gm, “
”)
然后再用v-html=转换之后的string，就可以正常展示换行了

#方法2
第二种方法是用

标签，

 标签的一个常见应用就是用来表示计算机的源代码。可以识别字符串中的‘/n’，‘/r/n’, 制表符，空格…

#方法3
第三种方法是用展示，这样那边编辑的什么，这边就会显示什么

2019-08-07把富文本的 ↵ 转为/br标签相关推荐

vue如何过滤html标签,去除富文本中的html标签及vue、react、微信小顺序中的过滤器...
在猎取富文本后,又只需显现部分内容,须要去除富文本标签,然后再截取个中一部分内容:然后就是过滤器,在微信小顺序中运用照样挺屡次的,在vue及react中也遇到过 1.富文本去除html标签去除html ...
vue-quill富文本编辑器插入img标签时自定义属性
最近被quill.js这个富文本编辑器折磨了好几天,最终也算是完成需求.现描述一下这次遇到的需求时什么: 产品说需要在富文本编辑器加入一个图文混排的功能(图片需要支持缩放.并且图片与文字需要居中对齐) ...
云枢子表里放入富文本，富文本里放a标签，点击无法触发事件问题
现象如下图: 想要达到的效果: 同样的是长文本的富文本控件,只有下面这种情况才可以点击触发a标签的事件. 排查了一段时候后发现,这个显示的样式是根据流程数据项权限来控制的.由于上面那个控件是我新添加的 ...
2019.08.07【NOIP提高组】模拟 A 组总结
考场:\(100 + 0 + 0 = 100\) T1: 看了看数据范围,知道是矩乘. 初始矩阵设的太麻烦了(手贱),导致调了很久才调出来. 后来都没多少时间想其他题了.幸好AC了.(不然真得就心崩了 ...
wxpython富文本_去除富文本编辑器中的标签
public static String deRegularExpression(String content) { content = deRegularScript(content); // 过滤 ...
UEditor富文本自动追加p标签 br标签总是出现自动换行 p br标签解决办法
更新:: 发现自己的这些问题没有解决转载:http://www.bomiw.com/news/useknowledge-377.html 以下是内容 UEditor是百度研发的一个很好的文本编辑器, ...
在线 - 支持word上传的富文本编辑器
这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) ...
editor修改样式 vue_vue修改富文本中的元素样式
富文本编辑器目前应用很广泛,而有时候我们想要对其中的一些元素的样式进行修改,就会遇到问题. 首先,直接修改是不可行的,因为是用v-html标签进行渲染的,无法直接获取到. 在修改的时候,一般是按标签进 ...
【开源我写的富文本】打造全网最劲富文本系列之大话技术难点与特色设计。...
文章开始前先上个图: 大话富文本技术概要: 在web领域,一提到富文本,大伙都觉得很高深,很难,很复杂.但是如果你看了我这篇简短的技术分析,你会发现其实富文本不算高深,称不上很难,只是比较复杂,需要用 ...

2019-08-07把富文本的 ↵ 转为/br标签

2019-08-07把富文本的 ↵ 转为/br标签相关推荐

最新文章

热门文章