将 vue.js 获取的 html 文本转化为纯文本

转载于 2019-05-07 13:09:00 发布 · 734 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Alitar/p/10824816.html

文章标签：

#javascript #ViewUI

博客提到存入数据表的数据为HTML格式，用Vue获取数据后，界面显示的也是HTML格式，但需要显示纯文本。解决办法是在JS中写一个将HTML格式转化为纯文本的函数，从其他博客找到的函数亲测可用，在界面引入该JS文件并使用此函数即可。

我存入数据表中的数据是使用 html 格式，获取数据是使用 vue 获取。

遇到了一个问题，就是界面上显示的数据是 html 格式的，但是我需要它显示纯文本。

怎么做呢？首先在 js 中写一个将 html 格式转化为纯文本的函数：

这是我从其他博客上找到的函数，亲测可用。

function ToText(HTML)
  {
      var input = HTML;
      return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi,'').replace(/<[^>]+?>/g,'').replace(/\s+/g,' ').replace(/ /g,' ').replace(/>/g,' ');  
  }

然后，在界面上引入该 js 文件，然后直接使用该函数即可。

示例如下:

转载于:https://www.cnblogs.com/Alitar/p/10824816.html