天天看点

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

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

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

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

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

function ToText(HTML)

{

var input = HTML;

return input.replace(/]*?>[\s\S]+?/gi,'').replace(/]+?>/g,'').replace(/\s+/g,' ').replace(/ /g,' ').replace(/>/g,' ');

}

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

示例如下:

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

js获取子节点和修改input的文本框内容

js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...

从html富文本中提取纯文本

其实从html富文本中提取纯文本很简单,富文本基本上是使用html标签给文本加上丰富多彩的样式. 所以只需要将富文本字符串中的“<.....>”标签剔除,即可得到纯文本.我们可以使用正则表 ...

2018-11-23 手工翻译Vue&period;js源码&colon;尝试重命名标识符与文本

续前文: 手工翻译Vue.js源码第一步:14个文件重命名 对core/instance/索引中的变量, 方法进行重命名如下(题图): import { 混入初始化 } from './初始化' im ...

js获取select标签选中的值及文本

原生js方式: var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // ...

Js获取下拉框的值和文本select

$("#camera").change(function () {        var obj = this;        $("#camera_Name" ...

【vue】——vue&period;js 获取当前 自定义属性值

假设有一个标签h5, 我们给它添加了一个自定义属性值,(item.id是从动态添加的) 点击h5 标签,如何才能获取当前对应的自定义属性值呢? 想当然的我最开始这样写:

js获取当前时间并转化

1.转化为  年月日 function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var ...

学习笔记-vue&period;js获取file文件数据

在vue中file不能像其他input一样使用 v-model 双向数据绑定,因为文件选择是只读,只能用onchange监控值得变化. 所有需要使用v-on:change去监控. 例1:

Java 去除HTML标签转化成纯文本

package com.ahgw.common.global; import java.util.regex.Pattern; /** * 截取HTML代码 * * @author YangJunpi ...

随机推荐

innodb Lock wait timeout exceeded&semi;

当出现:ERROR 1205 (HY000): Lock wait timeout exceeded; try restarting transaction,要解决是一件麻烦的事情:特别是当一个SQL ...

Android数据存储-读取内部存储空间数据

内部存储空间的默认位置 data/data/应用名称 写数据,获取FileOutPutStream的方式 1.直接写死路径的方式 FileOutputStream fos = new FileOutp ...

iOS 懒加载不起作用的原因

在.m类中定义了一共strong属性,用懒加载getter方式去处理,发现用的时候无论如何属性都是null,调试后,发现根本没进getter方法. (ps:懒加载,又称为延迟加载.说的通俗一点,就是在 ...

SQL Server优化

虽然查询速度慢的原因很多,但是如果通过一定的优化,也可以使查询问题得到一定程度的解决. 查询速度慢的原因很多,常见如下几种: 没有索引或者没有用到索引(这是查询慢最常见的问题,是程序设计的缺陷) I/ ...

Uva&lowbar;11916 Emoogle Grid

题目链接 题意: 有个N X M的棋盘, 有K种颜色, 有B个不可涂色的位置, 共有R种涂色方案. 1)每个可涂色的位置必须涂上一种颜色 2)不可涂色位置不能涂色 3)每个位置必须从K种颜色中选出一种 ...

Loading CSS without blocking render

The principles behind these techniques aren't new. Filament group, for example, have published great ...

【代码笔记】Web-CSS-CSS Display

一,效果图. 二,代码.

...

Fabric动态增加组织【资料】

Fabric在启动之前需要生成Orderer的创世区块和channel的配置区块.也就是说在Fabric网络启动之前我们就必须定好了有哪些Org,而当Fabric已经跑起来之后,想要增加Org却是很麻 ...

java BIO&sol;NIO

一.BIO Blocking IO(即阻塞IO); 1.      特点: a)   Socket服务端在监听过程中每次accept到一个客户端的Socket连接,就要处理这个请求,而此时其他连接过来 ...

LeetCode题解 Permutations II 和 Permutations I ——回溯算法

这个算法感觉还是很陌生的.算法导论里没有讲这个算法,而数据结构与算法分析只用了一节来阐述.我居然跳过去了..尴尬. 笨方法解决的: 第一题: 给定一个元素不重复的数组,枚举出他们的全排列. 方法1:递 ...