get参数处理和富文本显示

二次开发修改原有网页,部分链接会传递一些之前的参数,跟预期不符,需要做一些处理,只拿自己想要的参数,调用接口之前:

var Str = window.location.href
GetQueryString(Str )
 function GetQueryString(_data) {//拆分传递参数

    let temp = _data.split('?')

    let res

    if(temp.length > 1){
      let temp2 = temp[1].split('&')

      temp2.forEach(i => {

        if(i.split('=')[0] == 'id' || i.split('=')[0] == 'ID' ){//这里用正则匹配更规范
          res= i.split('=')[1]//有数据就赋值res
          
        }else{
          res= false//没有想要的参数
        }
      });
    }else{//完全没有参数
      res= false
    }
   
    return res //最终返回false时,还需要做一些判断
   
  }

  

 

最近项目中的富文本字段,P标签排列不规律,而且有图片,列表页显示的话用CSS很难调整。

解决方法:

 _data.forEach((item,index) => {//循环JSON

     var temp= item.other.split('</p>')//拆分每一个富文本字段

      temp= [temp]+'</p>',temp[1]+'</p>']//只要前两个P标签内容

      paintArr.push(aa)//放进新数组

      var tempStr = (paintArr[index][0]+paintArr[index][1]).toString()//拼接回完整字段
    
      $("#dz_newlist"+newlistType).append(//渲染,id名加上传入的下标
           
        ) 
      })

  

  第二种方法:
 
  更适合于后台文本编辑人员比较随意的情况下,只能提出所有文字重新渲染。
 
function getSimpleText(html){
    var re1 = new RegExp("<.+?>","g");//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容
    var msg = html.replace(re1,'');//执行替换成空字符
    return msg;
}

  直接放入文字,然后用CSS限制行数,以及超出省略。

posted @ 2021-01-27 10:33  淮生  阅读(102)  评论(0编辑  收藏  举报