tweetのURLがある行にtweet埋め込みを表示する
#UserScript
tweet埋め込みのtest
https://twitter.com/TwitterSupport/status/1144001040284450817
memo
Content Security Policy directive: "script-src" が設定されているため platform.twitter.com のjsをscript tagで読み込めないことがわかった
code:script.js
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)0,
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
(function(){
scrapbox.Page.lines.map((line, index) => {
let match = line.text.match(/\s*(https\:\/\/twitter\.com\/.*)/);
if (match) {
let tweetUrl = match1;
let tweetId = tweetUrl.split('/')5;
let lineDom = document.getElementsByClassName('line')index+1;
twttr.widgets.createTweet(
tweetId,
lineDom.id,
{
conversation : 'none',
cards : 'visible',
theme : 'light'
}
);
}
});
})()