mp-html：支持多个平台 小程序富文本编辑 渲染组件

文章来自公众号：前端资源推荐

mp-html 是一个用于小程序的富文本组件，支持渲染和编辑 HTML 内容。兼容多个平台，包括微信、QQ、百度、支付宝、头条和 uni-app，帮助开发者在小程序中轻松实现富文本功能。

 安装使用：

// npm
npm install mp-html
// use
{
  "usingComponents": {
    "mp-html": "/components/mp-html/index"
  }
}
// template
<view>
  <mp-html :content="html" />
</view>

1. 渲染效果

加载提示：在内容加载完成前，显示自定义的加载提示。

自动设置标题：自动将 <title> 标签的内容设置为页面标题。

长按复制：支持长按文本进行复制。

支持 rpx：支持使用 rpx 单位，适应不同屏幕宽度。

支持 HTML 实体：支持常见的 HTML 实体字符。

2. 图片效果

占位图：为未加载完成的图片提供占位图。

懒加载：支持图片懒加载，优化性能。

自动预览：点击图片可自动放大预览。

预览高清图：支持为图片设置高清预览图。

长按弹出菜单：长按图片可弹出菜单进行操作。

装饰图片处理：支持装饰性图片的特殊处理。

支持原大小显示：图片按原大小显示，支持自定义宽高。

支持 SVG：支持 SVG 图片的显示。

3. 链接效果

支持设置多种状态下的样式：自定义链接的默认和点击状态样式。

锚点跳转：支持页面内锚点跳转。

跳转内部路径：支持跳转到小程序内的其他页面。

复制外部链接：点击外部链接时自动复制到剪贴板。

4. 表格效果

支持独立横向滚动：表格支持独立横向滚动。

支持常用表格属性：支持 border, cellspacing, cellpadding, align 等属性。

支持含有合并单元格的表格：支持显示包含合并单元格的表格。

5. 列表效果

支持多层嵌套：支持多层列表嵌套。

支持多种有序列表格式：支持数字、字母、罗马数字等多种有序列表格式。

支持不显示标号：支持隐藏列表项的标号。

6. 音视频效果

自动暂停：播放一个音视频时自动暂停其他。

多源加载：支持为音视频设置多个源文件。

自动添加控件：自动为音视频添加播放控件。

7. 样式设置

行内样式：支持直接在标签中设置行内样式。

tag-style：为特定标签设置默认样式。

外部样式：通过配置文件添加全局样式。

支持自定义样式：支持通过 !important 调整样式优先级。

8. 其他功能

支持多平台：兼容微信、QQ、百度、支付宝、头条等平台。

轻量化设计：组件体积小，性能优化。

丰富的扩展功能：支持关键词搜索、内容编辑、LaTeX 公式等插件。

项目地址

GitHub：https://github.com/jin-yufeng/mp-html

官方文档：https://jin-yufeng.github.io/mp-html/#/overview/quickstart

[超站]友情链接：

四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/
关注数据与安全，洞悉企业级服务市场：https://www.ijiandao.com/