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

原创于 2023-08-11 14:13:11 发布 · 800 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #html #前端

本文描述了如何在Vue应用中处理从HTML格式数据表获取的数据，通过创建一个JavaScript函数将HTML内容转换为纯文本，以便在界面上正确显示。作者提供了详细的函数实现和使用示例。

我存入数据表中的数据是使用 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 文件，然后直接使用该函数即可。

示例如下:
在这里插入图片描述