【小程序】富文本解析

最新推荐文章于 2024-06-25 01:47:14 发布

BIG_LEE_SHOW

最新推荐文章于 2024-06-25 01:47:14 发布

阅读量867

点赞数

分类专栏：小程序文章标签：小程序富文本解析

本文链接：https://blog.csdn.net/BIG_LEE_SHOW/article/details/79216677

版权

本文介绍了在小程序中遇到富文本html格式数据展示问题的解决过程，通过特定代码实现了富文本解析，避免了html标签直接显示在页面上。

摘要由CSDN通过智能技术生成

富文本编辑的内容传到小程序页面时出了问题，富文本是html格式的，过来之后带上了html的标签一同显示在了页面上，经过网上的一番查询，破解掉了，这里借用一下代码：

 // 解析富文本
  convertHtmlToText: function convertHtmlToText(inputText) {
    var returnText = "" + inputText;
    returnText = returnText.replace(/<\/div>/ig, '\r\n');
    returnText = returnText.replace(/<\/li>/ig, '\r\n');
    returnText = returnText.replace(/<li>/ig, ' * ');
    returnText = returnText.replace(/<\/ul>/ig, '\r\n');
    //-- remove BR tags and replace them with line break
    returnText = returnText.replace(/<br\s*[\/]?>/gi, "\r\n");

    //-- remove P and A tags but preserve what's inside of them
    returnText = returnText.replace(/<p.*?>/gi, "\r\n");
    returnText = returnText.replace(/<a.*href="(.*?)".*>(.*?)<\/a>/gi, " $2 ($1)"