javascript - 没有推特图标的推特分享按钮，只是分享

Question

我想嵌入 Twitter 分享选项，我得到的代码是 javascript 以及这个分享链接:

<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out this link please" data-via="ObiWanKobi" data-related="User">Tweet</a>

我想要显示数据文本和所有内容，但我想使用我自己的自定义图标而不是 Twitter 图标。所以我拿走了 class="twitter-share-button" 因为那是显示此按钮的内容，但是一旦我这样做，data-text 就会丢失，它只是分享链接。如何破解它以显示自定义图标？

您的帮助 = 非常感谢

Answer 1

最简单的方法是根本不使用他们的 JavaScript，而是自己构建共享 URL:

http://twitter.com/share?text={…}&url={…}

不要忘记对您放入其中的参数值进行 URL 编码。

您可能想在链接中添加 target="_blank" 以在新窗口/选项卡中打开它，甚至添加 window.open 以选择性地打开它在具有预定义宽度和高度的弹出窗口中。