取出富文本转义的文本

最新推荐文章于 2023-09-25 10:47:34 发布

宝拉不想努力了

最新推荐文章于 2023-09-25 10:47:34 发布

阅读量1.1k

点赞数

分类专栏：笔记工具类文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41056807/article/details/121958800

版权

明清实学实事求是科学技术传统文化历史局限性

关键词由CSDN通过智能技术生成

笔记同时被 2 个专栏收录

37 篇文章 1 订阅

订阅专栏

工具类

4 篇文章 2 订阅

订阅专栏

工具函数
v-html 可以转义富文本格式的内容

转义格式：（初始化）

`<p style="line-height: 1.2;"><span style="font-family: simsun, serif; font-size: 12pt;"><img class="wscnph" style="display: block; margin-left: auto; margin-right: auto;" src="https://wx-pro-image.wanxue.cn/WEB/content/knowledge/20210817/70baf0780f5f4dd5a80c887ae071748a" /></span></p>
<p style="line-height: 1.2; text-indent: 2em;"><span style="font-family: 'Microsoft YaHei', 'Helvetica Neue', 'PingFang SC', sans-serif; font-size: 12pt;">戴震、惠栋所循&ldquo;研经&rdquo;治学的基本原则和方法就是&ldquo;实事求是&rdquo;。阮元将科学技术及其&ldquo;实用&rdquo;叫做&ldquo;实事求是&rdquo;之学，这与他在经学研究中的&ldquo;实事求是&rdquo;概念有所区别，这里更着意于传统科学技术的实用性、功利性和作为历史内在要素的现实性。他以科学证经学，指出&ldquo;实事求是&rdquo;以救时弊的下手处是发展科学技术，而其根本是拯救被&ldquo;空谈性命&rdquo;之风所障蔽的传统文化本身。阮元接着戴震的&ldquo;血气心知&rdquo;，阐述人的本性和社会生活原则。</span></p>
<p style="line-height: 1.2; text-indent: 2em;"><span style="font-family: 'Microsoft YaHei', 'Helvetica Neue', 'PingFang SC', sans-serif; font-size: 12pt;">明清实学的历史局限性，它的&ldquo;气&rdquo;本自然观总体上仍然停留在经验的水平，尚待理论的根本突破；民主民本政治理想也仅是提出问题，尚未能找出实现的途径；它的人性理解亦缺乏理论和历史的深度。</span></p>
<p style="line-height: 1.1;">&nbsp;</p>`

函数：

// 取出html标签 及空格等标志符
function removeHTMLTag(str) {
  str = str.replace(/<\/?[^>]*>/g, ''); //去除HTML tag
  str = str.replace(/[ | ]*\n/g, '\n'); //去除行尾空白
  //str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
  str = str.replace(/ /gi, ''); //去掉
  str = str.replace(/&nbsp;/gi, '');
  str = str.replace(/&rdquo;/gi, '');
  str = str.replace(/&ldquo;/gi, '');
  return str;
}

这里我对获取的值进行处理
把字符串长度超过172的省略号显示

noticeList.value = noticeList.value.map((item) => {
  if (item.content.length > 172) {
    item.content = item.content.substring(0, 172) + '...';
  }
  return item;
});