From fe936612ce037729bfec7bd9784f6bfc0a142035 Mon Sep 17 00:00:00 2001 From: moris Date: Sat, 15 Mar 2025 14:36:43 +0900 Subject: [PATCH] =?UTF-8?q?buildUrl=E3=82=AA=E3=83=97=E3=82=B7=E3=83=A7?= =?UTF-8?q?=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Posts/emoji-thumbnail.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/Posts/emoji-thumbnail.md b/Posts/emoji-thumbnail.md index f34d7a6..7cdba3b 100644 --- a/Posts/emoji-thumbnail.md +++ b/Posts/emoji-thumbnail.md @@ -59,6 +59,7 @@ https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/svg/2764-fe0f-200d-1f5 あまり関係ないですが、自分は文字コードとかその符号化方式の話が好きなので、いずれまとめて記事にしたいです。(長くなりそう..) ### オプション +#### assetType `assetType`にpngかsvgを指定することができます。(デフォルトはsvgです) ```diff - const emoji = parse(text); @@ -67,6 +68,18 @@ https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/svg/2764-fe0f-200d-1f5 出力: https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/72x72/2764-fe0f-200d-1f525.png ``` +#### buildUrl +URLを生成するコールバック関数を渡すことができます。 +デフォルトでは以下のようなアロー関数になっているので、URLを自分のサーバーに向けたいときなどは、これを変更します。 + +https://github.com/jdecked/twemoji-parser/blob/v15.0.0/src/index.js#L25 +```js +(codepoints, assetType) => + assetType === 'png' + ? `https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/72x72/${codepoints}.png` + : `https://cdn.jsdelivr.net/gh/jdecked/twemoji@latest/assets/svg/${codepoints}.svg`; +``` +~~三項演算子を改行するならif文にしろ~~ ## ブログに実装 該当部分の抜粋です。→[コード全体](https://git.moris.day/moris/day.moris.blog)