kana
tweet埋め込み用script
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));
}
})行頭のドットスタイル（/shiology/settings）
style.css
.line .indent-mark .dot {
top: 11px;
width: 6px;
height: 3px;
background-color: #8888aa;
}
style.css/* 外部リンクにiconをつける */
.line span:not(.modal-image) > a.link:not(.icon)::after {
font-family:'FontAwesome';
content: ' \f08e';
display: inline-block;
}style.css.quick-launch .plan-badge { display: none }光らせる
style.css
/*.deco-\! {*/
.deco-\" {
color: #fff; /* 白文字 */
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%; }
}
タグをラベルにする
style.css /* ＃で始まるタグをラベル風にする */
a[type="hashTag"]{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
a[type="hashTag"]:hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
フォントを変更
style.css html, body, *#editor, .grid li{
font-family: /*'マキナス''Oradano-mincho-GSRR','廻想体''02うつくし明朝体',*/'源ノ角ゴシック', '刻明朝 Regular';
font-size: 100%;
} 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')
// [URL title]の形でペーストする
$('body').attr('data-daiiz-paste-url-title', 'ctrl')public.iconを入れたい
script.js scrapbox.PopupMenu.addButton({
title: 'changetoIcon',
onClick: text => {
return `[${text}.icon]`,
};
})