1、使用脚手架搭建vue项目

2、创建一个新的js文件,文件位置根据个人习惯来放

 

 

接下来编写这个js文件,我是用来去掉富文本编辑器自带的标签和样式


// 将获取的富文本编辑器转过来的html格式转文字
var getText =(content) => {
    let description = content
//   1。/pattern/是正则表达式的界定符,里面的内容(pattern)是要匹配的内容,就是本例中的/\//;
//   2。\是转义的意思,\/代表的是/字符。
// 3。JavaScript中应该是字符串的replace() 方法如果直接用str.replace(/\//g, '')只会替换第一个匹配的字符. 而str.replace(/\//g, '')则可以替换掉全部匹配的字符(g为全局标志)。
    description = description.replace(/(\n)/g, '');
    description = description.replace(/(\t)/g, '');
    description = description.replace(/(\r)/g, '');

    description = description.replace(/<\/?[^>]*>/g, ''); // 找到所有的<>的标签,都替换为空格
    description = description.replace(/\s*/g, ''); // 表示替换字符串中所有的空字符串
    description = description.replace(/[ ]|[&nbsp;]/g, ''); // 去掉&nbsp;标签
    return description
}

export default {
  getText
}

定义了这个方法作为公用方法,那么在main.js进行引入


import publicMethod from './assets/js/getText'


Vue.prototype.publicMethod = publicMethod

接下来是我们在vue文件中使用,在main.js的设计了publicMethod的原型是publicMethod,因此在vue项目可以直接this.publicMethod就可以访问到我们引入的js文件,在我们的js文件中我们是把getText暴露出来的,因此获取这个方法的完整路径为

this.publicMethod.getText

 

 

Logo

前往低代码交流专区

更多推荐