mp-html
小程序富文本组件
立即体验
功能介绍
- 支持在多个平台使用
- 支持丰富的标签(包括 table、video、svg 等)
- 支持丰富的事件效果(自动预览图片、链接处理等)
- 支持锚点跳转、长按复制等丰富功能
- 支持大部分 html 实体
- 丰富的插件(关键词搜索、内容编辑等)
- 效率高、容错性强且轻量化
使用方法
1. npm 方式
在项目根目录下执行
npm install mp-html
开发者工具中勾选 使用 npm 模块 并点击 工具 - 构建 npm
在需要使用页面的 json 文件中添加
{
"usingComponents": {
"mp-html": "mp-html"
}
}
在需要使用页面的 wxml 文件中添加
<mp-html content="{{html}}" />
在需要使用页面的 js 文件中添加
Page({
onLoad() {
this.setData({
html: 'Hello World!'
})
}
})
2. 源码方式
将源码中的代码包(dist/mp-weixin)拷贝到 components 目录下,更名为 mp-html
在需要使用页面的 json 文件中添加
{
"usingComponents": {
"mp-html": "/components/mp-html/index"
}
}
后续步骤同上
获取
github 链接:https://github.com/jin-yufeng/mp-html
能用在taro吗?
mp-html这个标签是展示,维护在哪里?
大佬tagStyle:{
table: 'border:1px solid #f6f8fa; max-width:710rpx',
th: 'border-top:1px solid gray;border-bottom:1px solid gray;',
tr: 'border-top:1px solid gray;border-bottom:1px solid gray;',
td: ''
}
表格 tr 属性怎么加?
?
太厉害了
我的视频解析出来必须给视频加固定的宽高,不然不显示,还有显示出来的有黑边,怎么解决呢?
求教下 span标签解析之后能添加点击事件吗
使用这个组件在安卓真机测试好使,在苹果手机不好使视频音频无法播放
这个在当前view不显示的情况下获取到的boundingClientRect数据高度有误
https://developers.weixin.qq.com/s/I0efKFmr7si5
我将view的left改成了100%,boundingClientRect的height值发生了变化
太棒了, 解决了我的大问题
支持在cover-view里面显示吗?
现在画在webgl-canvas上只能用cover-view