我需要通过Twitter分享<textarea>
的内容。我有一个js函数quotes(),它会生成一个随机引用和以下html:
<textarea id="txtbox" style="width:600px; height: 50px;" ></textarea>
<button onClick="quotes()">Click Here</button>
在下面,我需要一个Twitter分享按钮,如下所示:
<a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="goo.gl/udj2qQ" data-text= '' >Tweet</a>
但在数据文本部分中,我需要引用。
最佳答案
解决方案是删除旧按钮,创建一个新按钮,然后使用tweeter
再次运行twttr.widgets.load();
sdk代码
function quotes() {
var txt = document.querySelector('textarea').value;
var tbutton = document.querySelector('.twitter-share-button');
tbutton.parentNode.removeChild(tbutton);
var newA = document.createElement('a');
newA.setAttribute('href', 'https://twitter.com/share');
newA.setAttribute('class', 'twitter-share-button');
newA.setAttribute('data-url', 'goo.gl/udj2qQ');
newA.setAttribute('data-text', txt);
document.body.appendChild(newA);
twttr.widgets.load();
}
<textarea id="txtbox" style="width:600px; height: 50px;"></textarea><br />
<button onClick="quotes()">Click Here</button>
<hr />
<a href="https://twitter.com/share" class="twitter-share-button"{count} data-url="goo.gl/udj2qQ" data-text="blabla">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
http://jsbin.com/wonasi
关于javascript - 如何与Twitter分享textarea内容?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34284690/