uniapp项目实践总结(四)安装和使用一个插件市场的插件

这篇文章主要介绍如何安装和使用一个插件市场的插件的方法。

目录

  • 查找插件
  • 安装插件
  • 使用插件

查找插件

打开插件市场:https://ext.dcloud.net.cn/

例如我们项目中要用到富文本渲染的内容,可以查找一下富文本;

在结果页可以选一款适合自己的插件,我觉得mp-html这个插件挺好的;

mp-html 插件地址

安装插件

点击右侧安装按钮下载插件并导入 HBuilderX

下载完毕后你会发现你的根目录多出一个文件夹uni_modules,这个专门用于存放下载的插件。

这个文件夹下的插件可以直接使用,不需要引入全局或者局部组件。

使用插件

安装成功后开始使用插件。

  • 编写一段 js 变量并赋值;
data () {
    return {
        mdStr: `<h2>Hello</h2><p style="color: #f00;font-size: 20rpx;">我是富文本!</p>`,
    }
}
  • 使用富文本插件渲染内容;
<mp-html :content="mdStr" />

下面是预览图:

在这里插入图片描述

最后

以上就是如何安装和使用一个插件市场的插件的主要内容,如有不足之处,请多多指正。

posted @ 2023-08-31 20:51  MarkGuan  阅读(155)  评论(0编辑  收藏  举报