您现在的位置是：网站首页> 编程资料编程资料

把富文本的回车转为br标签html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法

2023-10-16 417人已围观

简介这篇文章主要介绍了把富文本的回车转为br标签，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

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

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

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

方法1

 string.replace(/(rn|n|r)/gm, " ")

然后再用v-html=转换之后的string，就可以正常展示换行了

方法2

第二种方法是用

标签，

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

方法3

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。