当前位置: 首页 > news >正文

做网站是互联网开发吗百度竞价排名查询

做网站是互联网开发吗,百度竞价排名查询,忻州市住房城乡建设局网站,抖音小程序锚点解绑是什么意思rich-text是在uni-app一个内置组件,用于高性能地渲染富文本内容。先贴一下官方的属性列表: 先说一下“selectable” 长按选择区域复制,这个我在APP项目中 不起作用,可能像文档说的,只支持“百度小程序”吧。在APP端起作…

rich-text是在uni-app一个内置组件,用于高性能地渲染富文本内容。先贴一下官方的属性列表:

uni-app富文本rich-text

先说一下“selectable” 长按选择区域复制,这个我在APP项目中 不起作用,可能像文档说的,只支持“百度小程序”吧。在APP端起作用的话,可以做如下修改,在样式中添加下面样式代码

.content-select-copy {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;
}

模板中调用的时候加上面样式

 <view class="content-select-copy" ><rich-text :selectable='true'   :nodes="content"   @itemclick="handleRichText"></rich-text>
</view>

这样就可以在APP端实现长按选择区域复制了。

然后再说一下事件处理itemclick,我们可以使用这个事件实现对rich-text里面的节点内容进行处理,不过只能处理a和img标签,这个上面官方文档已经说明。

使用示例:

比如要对富文本内容中的所有链接跳到指定中转页再跳转,代码如下:

//假设我的rich-text类型为节点类型(rich-text支持节点数组或者字符串类型)
handleRichText(e){ //这里对应我上面模板中的itemclick指定的处理方法名称if(e.detail.node.name == 'a') {let url = e.detail.node.attrs.hreflet jumpurl = '/jumpurl?url='+encodeURIComponent(url )//这里我直接拉起系统浏览器访问,也可以使用 uni.navigateTo在app内部跳转this.openLink(jumpurl) }
}

对于rich-text是使用节点数组还是字符串,根据自己需求而定,如果字符串的话,可以直接写个正则替换。比如:

function replaceLinks(text) {  // 正则表达式匹配<a>标签的href属性  // 注意:这个正则表达式可能无法处理所有复杂的HTML情况  var regex = /<a\s+[^>]*href=(\"??)([^\" >]*?)(\"??)[^>]*>([^<]*)<\/a>/gi;  return text.replace(regex, function(match, quote1, url, quote2, textInside) {  // 验证URL(可选,取决于你的需求)  if (url) {  // 替换为新的链接格式  return '<a href="/jumpurl?url=' + encodeURIComponent(url) + '">' + textInside + '</a>';  }  return match;  });  
}   
content = replaceLinks(content);  

不过我建议用数组节点,后端将富文本处理为节点数组返回给前端,这样有两个好处,一是前端处理起来比较方便 ,另外一点就是性能问题,后端处理好之后,前端直接使用数组,性能会更好。这点官方文档也有说明:“nodes 值为 HTML String 时,在组件内部将自动解析为节点列表,推荐直接使用 Array 类型避免内部转换导致的性能下降”。不过要将一段HTML富文本处理成节点数组,对后端来说,也是比较麻烦的,如果使用PHP,可使用PHP DOMDocument,参考我前面的例子。PHP 转换HTML 为节点数组 – AI小站 (aisites.cn)。如果是python可以使用BeautifulSoup处理,java可以使用Jsoup

文章地址 uni-app中的富文本rich-text使用经验 – AI小站 (aisites.cn)

http://www.ritt.cn/news/12517.html

相关文章:

  • 东莞网站建设功能福州seo扣费
  • 网站建设建设百度新闻官网
  • 河北省建设项目信息网站百度人工申诉客服电话
  • 公司让我做网站深圳seo专家
  • 专业建站团队班级优化大师是干什么用的
  • 上海网站建设褐公洲司中国企业网
  • 福州网站设计哪家好免费做网站怎么做网站链接
  • 网站建设中代码长沙百度关键词搜索
  • 图片制作带字北京seo排名服务
  • 平台营销型网站建设青岛百度seo
  • 上海招聘网站建设上海关键词推广
  • 网站建设难么班级优化大师官方免费下载
  • 广州市住房建设局网站seo每日工作
  • 重庆好的网站建设网站搜索优化技巧
  • 日本做的比较好的陶瓷网站百度爱采购竞价推广
  • 无锡做网站企业创意营销新点子
  • 如何做英文版网站常宁seo外包
  • 美女做丝袜广告视频网站2023年7月疫情还会严重吗
  • 小程序开发入门教程灰色词网站seo
  • 一个产品有两个品牌怎么做网站济南网站优化培训
  • wordpress建站的好处深圳百度关键字优化
  • 专业网站建设出售站长工具传媒
  • 沧州网站制作费用今日国际新闻热点
  • 中山网站建设文化方案百度竞价排名事件
  • 夏门建设局网站求几个好看的关键词
  • 几百的网站2024年新闻摘抄十条
  • 网上课程网站建设方案东莞seo优化团队
  • 做游戏能赚钱的网站韶山seo快速排名
  • .tv做网站怎么样网络营销手段有哪四种
  • 做网站店铺装修的软件2345浏览器影视大全