如何使用onclick在HTML中开发松弛的共享按钮?

如何使用onclick在HTML中开发松弛的共享按钮?,html,onclick,share,slack-api,slack,Html,Onclick,Share,Slack Api,Slack,我想在我的网站上添加一个slackshare按钮,允许用户在团队或他们选择的频道中发送链接 例如,我有一些标签,它们链接到(我的项目的)网页,里面有span,可以通过“onclick”点击共享“按钮”(实际上是svg) 如果你知道的话,这和Muzli的原理是一样的 因此,我很难理解如何继续松弛。 如果你能帮助我,那就太好了,谢谢你 Thibaut.Slack团队是私有的,必须为每个团队单独和具体地配置“外部”访问。因此,每个slack团队必须首先授予您的网站/应用程序访问权限,才能使您的“公

我想在我的网站上添加一个slackshare按钮,允许用户在团队或他们选择的频道中发送链接

例如,我有一些标签,它们链接到(我的项目的)网页,里面有span,可以通过“onclick”点击共享“按钮”(实际上是svg)


如果你知道的话,这和Muzli的原理是一样的

因此,我很难理解如何继续松弛。 如果你能帮助我,那就太好了,谢谢你


Thibaut.

Slack团队是私有的,必须为每个团队单独和具体地配置“外部”访问。因此,每个slack团队必须首先授予您的网站/应用程序访问权限,才能使您的“公共”共享按钮正常工作。因为这是普通用户无法做到的(需要管理员或所有者权限),所以这并不实际

如果你真的需要这样做,这里有一个想法,它可以如何工作:

  • 你可以为Slack应用商店开发一个配套应用
  • 安装此应用程序的每个Slack团队都会自动授予您的网站 访问他们的Slack团队,从而启用共享按钮
  • 您的网站可以有一个“添加到Slack”按钮,用于直接安装您的同伴应用程序

我不确定这是否可能以您目前想要的方式实现
<a href="…">
  <img src="…"/>
    <h2>Name of the project</h2>

      <span class="facebook" onclick="window.open('http://www.facebook.com/sharer.php?u=https://www.nameoftheproject.com'); return false">
        <svg>…</svg> <!-- Facebook icon in svg -->
      </span>

      <span class="twitter" onclick="window.open('https://twitter.com/share?url=https://www.nameoftheproject.com'); return false">
        <svg>…</svg> <!-- Twitter icon in svg -->
      </span>

      <span class="linkedin" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&amp;url=https://www.nameoftheproject.com'); return false">
        <svg>…</svg> <!-- LinkedIn icon in svg -->
      </span>



      <span class="slack" onclick="window.open('…'); return false">
        <svg>…</svg> <!-- Slack icon in svg -->
      </span>

</a>