把富文本的回车转为br标签

来源:脚本之家  责任编辑:小易  

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

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

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

方法1

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

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

方法2

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

方法3

第三种方法是用<textarea></textarea>展示,这样那边编辑的什么,这边就会显示什么

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


  • 本文相关:
  • 把富文本的回车转为br标签
  • html5实现视频弹幕功能
  • canvas高级路径操作之拖拽对象的实现
  • canvas多边形绘制的实现方法
  • 使用canvas压缩图片大小的方法示例
  • 关于前端上传文件全面基础扫盲贴(入门)
  • html5实现移动端弹幕动画效果
  • 前端实现背景虚化但内容清晰且自适应 的实例代码
  • 如何让pre和textarea等html元素去掉滚动条自动换行自适应文本内容高度
  • html5 冒号分隔符对齐的实现
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved