小程序协议篇

前言

采用的是uniapp的开发框架，引入了mp-html的插件做富文本显示插件

操作

1. 打开 富文本编辑 ，复制粘贴对应的协议文本（直接从word文档或者在线文档复制出来，要带样式的）
2. 点击F12或者右键点击检查，进入到Console下面，输入 editor.html()，回车
3. 复制输出的内容，在Console下继续输入console.log(``)，在引号中黏贴复制的文本，回车
4. 此时发现已经变成可阅读的富文本代码了，复制之后就可以放到 mp-html组件 上呈现出来了

mp-html

mp-html文档中，可以利用设置 copy-link为false后，监听linktap 事件进行事件操作，例如：

//富文本
const richText = `<a class="color-primary" data-type="makePhoneCall" data-content="4008-520-996">4008-520-996</a>`

//linktap事件
const linktap = (e) => {
  if (!e["data-type"]) {
    uni.setClipboardData({
      data: e.href,
    });
  } else if (e["data-type"] === "setClipboardData") {
    uni.setClipboardData({
      data: e["data-content"],
    });
  } else if (e["data-type"] === "makePhoneCall") {
    uni.makePhoneCall({
      phoneNumber: e["data-content"],
    });
  } else if (e["data-type"] === "navigateTo") {
    uni.navigateTo({
      url: e.href,
    });
  }
}