html2wxml:微信小程序的富文本渲染组件

html2wxml:微信小程序的富文本渲染组件

html2wxml 用于微信小程序的HTML和Markdown格式的富文本渲染组件,支持代码高亮 html2wxml 项目地址: https://gitcode.com/gh_mirrors/ht/html2wxml

项目基础介绍和主要编程语言

html2wxml 是一个用于微信小程序的开源项目,旨在提供HTML和Markdown格式的富文本渲染功能。该项目的主要编程语言包括JavaScript和PHP。JavaScript用于小程序端的渲染逻辑,而PHP则用于服务端的解析和处理。

项目核心功能

html2wxml 的核心功能包括:

  1. HTML和Markdown渲染:支持在微信小程序中渲染HTML和Markdown格式的富文本内容。
  2. 代码高亮:内置支持代码高亮功能,使用highlight.js实现,提供多种代码高亮样式。
  3. 多版本支持:项目提供插件版本、组件版本和模板版本,以满足不同开发需求。
  4. 自定义解析服务:允许开发者在自己的服务器上搭建解析服务,提高解析的稳定性和灵活性。

项目最近更新的功能

根据最新的更新记录,html2wxml 最近更新的功能包括:

  1. 新增代码高亮样式:增加了多种代码高亮样式,如tomorrow等,提供更多选择。
  2. 优化渲染性能:对渲染逻辑进行了优化,提高了渲染速度和稳定性。
  3. 增强自定义功能:增加了更多自定义选项,如代码高亮检测语言的设置,允许开发者根据需求进行调整。

通过这些更新,html2wxml 进一步提升了在微信小程序中的富文本渲染能力,为开发者提供了更丰富的功能和更好的用户体验。

html2wxml 用于微信小程序的HTML和Markdown格式的富文本渲染组件,支持代码高亮 html2wxml 项目地址: https://gitcode.com/gh_mirrors/ht/html2wxml

插件地址:https://github.com/kevenfeng/html-to-wxml如果前端技术比较牛,可以直接看github上面的demo。可以更好的理解用法。使用方法:1.引用插件var R_htmlToWxml = require(‘../../util/htmlToWxml.js’);//引入公共方法2.将html内容转成json数据R_htmlToWxml.html2json(“html内容”);转换后的json格式类型大概如下:3.吐到页面中显示<block wx:for="{{content}}"  wx:for-index="idy"  wx:for-item="cellData">         <block  wx:if="{{cellData.type == 'view'}}">             <view class="p">                 <block  wx:for="{{cellData.child}}" wx:key="text">                     <block  wx:if="{{item.type == 'a'}}">                         <text class="a" data-seccode="{{item.attr['data-seccode']}}" data-secname="{{item.attr['data-secname']}}" bindtap="stockClick">{{item.text}}</text>                     </block>                     <block  wx:else>                         <text>{{item.text}}</text>                     </block>                 </block>             </view>         </block>         <block wx:if="{{cellData.type == 'img'}}">             <image class="img" data-index="{{idy}}" style="height: {{cellData.attr.height?cellData.attr.height:0}}px"  mode="aspectFit" src="{{cellData.attr.src}}" bindload="imageLoad"></image>         </block>     </block>demo效果:由于小程序图片的高度没法自适应,需要给图片设置高度,所以需要在图片加载完以后,获取图片高度,等比算出显示图片高度,赋值给对应图片通常我们抓取的内容是html页面,特别是像资讯这一类的,如果在小程序里面显示文章内容,此插件提供了一种解决方案,希望对大家有用。在客户端中用native显示html页面体验上面没有native的好,htmlToWxml插件给客户端中用native的方式显示html内容提供了一种解决方案
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

温莉媚Teresa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值