kana
https://gyazo.com/ab23ade40e9beaae95fd25ae93fab9a4
tweet埋め込み用script
code:script.js
scrapbox.PopupMenu.addButton({
title : 'Embed Tweet',
onClick : text => {
const convertContent = (content, indent) => {
const replaced = content
.replace(/<a href="(https?:.*?)">(.*?)<\/a>/g, '$1 $2') .replace(/<br>/g, \n${indent});
const elem = document.createElement('div');
elem.innerHTML = replaced;
return indent + elem.innerText;
}
const tweetRegex = /(?<spaces>\t *)<blockquote\w"\-= *><p\w"\-= *>(?<content>.*)<\/p>—(?<author>.*)(?<link><a.*>)<\/blockquote>\n\t *<script.*?><\/script>/; const match = text.match(tweetRegex);
if(!match) return;
const {spaces, content, author, link} = match.groups;
const ind = ${spaces}>;
return text.replace(tweetRegex, convertContent(content, ind) + '\n' + convertContent(\t—${author} ${link}, ind));
}
})
style.css
.line .indent-mark .dot {
top: 11px;
width: 6px;
height: 3px;
}
code:style.css
/* 外部リンクにiconをつける */
.line span:not(.modal-image) > a.link:not(.icon)::after {
font-family:'FontAwesome';
content: ' \f08e';
display: inline-block;
}
code:style.css
.quick-launch .plan-badge { display: none }
光らせる
style.css
/*.deco-\! {*/
.deco-\" {
background: linear-gradient( to right,
red,
orange,
yellow,
green,
aqua,
blue,
purple,
red
) 0% center / 200% auto ; /* グラデーション */
padding: 0.1em 0.2em 0.1em 0.2em;
animation: rainbow 4s linear infinite;
}
@keyframes rainbow {
to { background-position-x: 200%; }
}
タグをラベルにする
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
フォントを変更
code:style.css
html, body, *#editor, .grid li{
font-family: /*'マキナス''Oradano-mincho-GSRR','廻想体''02うつくし明朝体',*/'源ノ角ゴシック', '刻明朝 Regular';
font-size: 100%;
}
code:script.js
// 関連ページを吹き出し表示する
// n: north, s: south
$('body').attr('data-daiiz-rel-bubble', 'n')
// リンク先ページのテキストを表示する
$('body').attr('data-daiiz-text-bubble', 'on')
// アイコンをボタンとして使う
$('body').attr('data-daiiz-icon-button', 'off')
// GyazoでScrapboxのページを読む
$('body').attr('data-daiiz-gyazo-text-bubble', 'teamj')
$('body').attr('data-daiiz-paste-url-title', 'ctrl')
public.iconを入れたい
code:script.js
scrapbox.PopupMenu.addButton({
title: 'changetoIcon',
onClick: text => {
return [${text}.icon],
};
})