画像をぴったりに並べる
画像を連続して並べて、[& [image]] で囲うと、画像をたくさん並べられます。
https://scrapbox.io/files/631ae299f8a7ee001d1c4d99.jpeghttps://scrapbox.io/files/631b18bac8a398001dcc35e7.jpeghttps://scrapbox.io/files/631b18beb81a96001daaa6a1.jpeghttps://scrapbox.io/files/631ae2886aade4001d2d4138.jpeg
https://scrapbox.io/files/631ae29090876f002190fc30.jpeghttps://scrapbox.io/files/631afb5398575300214ff5cf.jpeghttps://scrapbox.io/files/631ae28b063f450023240443.jpeghttps://scrapbox.io/files/631afb5e98575300214ff62e.jpeg
0. このR16FR以外のプロジェクトでは、準備が必要です。(R16FRでは不要)
code:style.css
/* /arpla/画像を並べる記法並べる */
.line:not(.cursor-line) .deco-\& { display: inline-flex }
.line .deco-\& img.image { object-fit: contain; margin: 0 }
1. 普段通りに画像をドラッグして貼る。画像を囲うように選択するとコードになる。全部コピーをする。
[https://scrapbox.io/files/63e75edc383080001cebb25a.jpg]
[https://scrapbox.io/files/63e75ee9660b91001c02c352.jpg]
[https://scrapbox.io/files/63e75ef1a9bdff001c50067c.jpg]
2. CotEditorなどのテキストエディターにペーストする。テキストエディター上で少々編集する。 https://gyazo.com/0256bdb740957b44d699c2b005b91291
3. 改行を取り去り、1行にする。
https://gyazo.com/f290fcb8afaea53f6fa0319e219a7b6c
4. 先頭に[& を付け、末尾に]を付ける。コピーをして、貼りたいScrapboxのページにペーストする。 https://gyazo.com/2f822a4bd2e531ce29bf4776f368f535
5. こうなる。
https://scrapbox.io/files/63e75edc383080001cebb25a.jpghttps://scrapbox.io/files/63e75ee9660b91001c02c352.jpghttps://scrapbox.io/files/63e75ef1a9bdff001c50067c.jpg
6. ↓ の .text の右 「書類アイコン」をクリックすると、そのままコピーできます。好きなところに貼ってみてください。
code:.text
https://scrapbox.io/files/63e75edc383080001cebb25a.jpghttps://scrapbox.io/files/63e75ee9660b91001c02c352.jpghttps://scrapbox.io/files/63e75ef1a9bdff001c50067c.jpg
hr.icon
https://gyazo.com/5f93e65a3b979ae5333aca4f32600611https://gyazo.com/5f93e65a3b979ae5333aca4f32600611https://gyazo.com/5f93e65a3b979ae5333aca4f32600611https://gyazo.com/5f93e65a3b979ae5333aca4f32600611https://gyazo.com/5f93e65a3b979ae5333aca4f32600611https://gyazo.com/5f93e65a3b979ae5333aca4f32600611https://gyazo.com/5f93e65a3b979ae5333aca4f32600611