资讯专栏INFORMATION COLUMN

把富文本的 ↵ 转为</br>标签

Zoom / 1565人阅读

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

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

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

方法1

string.replace(/(rn|n|r)/gm, "
")
然后再用v-html=转换之后的string,就可以正常展示换行了

方法2

第二种方法是用

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

方法3

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116208.html

相关文章

  • 把富文本转为&lt;/br&gt;标签

    例如:我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助,↵合作竞争,学习更加有动力!↵从简单的单词到句型和场景对话,↵孩子越来越敢于开口说英语啦![耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨~ 需要转为才能被html识别,并且换行。可以这样做。 ‘↵’是回车符/n,这段内容是通过textarea人为编辑,提交给后端保存的。编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要...

    Darkgel 评论0 收藏0
  • Python GUI图形用户界面解答

      Python GUI图形用户界面,指的是在Python中,采用图形的形式,去操作相关的一些用户界面,这么说的话,比较简单的。大家想不想搞清楚,它到底本质上的样子是什么呢?下面就给大家做个解答。  GUI介绍  图形用户界面(Graphical User Interface,简称GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。图形用户界面是一种人与计算机通信的界面显示格式,允...

    89542767 评论0 收藏0
  • 如何使用Python Opencv中ann神经网络识别手写数字功能

      写这篇文章的主要目的,是关于Python Opencv的相关知识,包括ann神经网络识别手写数字功能,教给大家怎么去使用这种功能,接下来请大家仔细的进行阅读哦。  opencv会给大家提供一种神经网络的功能,即为ann,这种神经的网络功能与Keras的很接近。  关于mnist数据怎么去进行解析,读者人员可以自己从网上downland软件,用python自己编写解析代码,由于这里主要研究knn...

    89542767 评论0 收藏0
  • pandas如何将datetime64[ns]转为字符串日期

      小编写这篇文章的主要目的,主要是给大家介绍关于pandas相关的一些问题解答,包括将datetime64[ns]转为字符串日期,那么,具体是怎么进行操作的呢?下面给大家做出一个解答。  将datetime64[ns]转为字符串日期  将datetime64[ns]转为字符串日期(%Y-%m-%d)最核心的用法是:pandas.series.dt.strftime('%Y-%m-%d&#...

    89542767 评论0 收藏0
  • Python实现双向RNN与堆叠双向RNN示例代码

      小编写这篇文章的一个主要目的,主要是给大家做一个详细的介绍,介绍的内容主要是利用Python知识,利用Python去实现RNN与堆叠的RNN,具体的实例代码,下面就给大家详细的去做一个解答。  1、双向RNN  双向RNN(Bidirectional RNN)的结构如下图所示。   双向的RNN是同时考虑过去和未来的信息。上图是一个序列长度为4的双向RNN结构。  双向RNN就像是我们做阅...

    89542767 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<