タイトルの最初の絵文字は同じ「コード」ではなく、大きくなっています

Decrypt · 2023 年 8 月 2 日午前 9:12

こんにちは:wave: 独自のテーマを開発しようとしていますが、タイトルの複数の絵文字を書くと、最初のものが他のテキストと一緒に表示されるのではなく、タグの中に表示されることに気づきました。以下にスクリーンショットを示します（後で同じサイズに見えるようにスタイルを適用しましたが、適用しないと最初の絵文字が大きくなります）：（スクリーンショットは最後にあります。申し訳ありませんが、新規アカウントは画像1枚のみ許可されています）

私のテーマコードはここで確認できます：GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

それで、タイトルの最初の文字が本のように大きくなるからだと思ったのですが、そうではないことがわかります。3つの絵文字の前にドットを配置しましたが、最初の絵文字はまだ異なっていました。複数のスタイル（rem、px、align）を試して、他の2つと同じサイズにしましたが、モバイルアプリではまだ表示されています：（最後にスクリーンショットがあります）

モバイルとデスクトップの両方で、タイトルの最初の絵文字が他の絵文字と同じになるように、この問題を解決する方法について何かアイデアはありますか？

ありがとうございます。

Canapin · 2023 年 8 月 2 日午前 9:33

こんにちは、Decryptさん

セーフモードでも同様ですか？

私のインスタンスでは、タイトルのHTMLコードは以下のようになります。

<a href="/t/test-notif/161" class="fancy-title">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji">
  <img width="20" height="20" src="/images/emoji/twitter/star.png?v=12" title="star" alt="star" class="emoji"> Test notif
</a>

Decrypt · 2023 年 8 月 2 日午前 9:52

こんにちは！試してみたところ、うまくいきました。確認してみてください。

（セーフモードを有効にする際に、すべてのチェックボックスをオンにしました）

Canapin · 2023 年 8 月 2 日午前 9:59

サイトに追加したカスタム絵文字（emoji-custom クラスがあります）が最初の絵文字で、その他は Unicode です。

Unicode 絵文字がテストインスタンスでは \u003cimg\u003e タグに変換されるのに、なぜそうならないのかわかりません。Apple/International を含むいくつかのセットを試しました。

絵文字関連の設定をすべて教えていただけますか？

anderer · 2023 年 8 月 2 日午前 10:06

私もここに参加したいと思います。私のサイトでも絵文字がおかしいのですが、関連があるかもしれません。

ベルボーイのベルが画像に変換されず、そのままになっていることを発見しました。これはタイトルとメニューリストにのみ影響します。さらに、絵文字の制限は1に設定されているため、タイトルには実際には2番目の絵文字があってはなりません。

それ以外は、カテゴリタイトルに標準の絵文字セットがあると素晴らしいでしょう。パーティポッパーがカテゴリタイトルと他の部分で異なっていることを確認してください。

ああ、管理サイトでは、すべての絵文字設定はデフォルトです。

Decrypt · 2023 年 8 月 2 日午前 10:16

すべての3つの絵文字は同じです（公式のiOS/Androidリストから）。タイトルの同じ文字をコピー＆ペーストし、3番目のものをコピーして他のものを削除し、2回貼り付けても、保存するとこの奇妙なことが起こります。

設定については、何をお見せすればよいかわかりません。スターのカスタム絵文字はなく、持っている絵文字は仮想通貨のロゴだけです。

ここに、生のタイトルをコピーして貼り付けます：⭐️⭐️⭐️ Une entité scrute la blockchain de Bitcoin?

Canapin · 2023 年 8 月 2 日午前 10:23

どの絵文字セットを使用していますか？

この動作に遭遇する理由が全くわからないため、手探りで操作していますが、/admin/site_settings/category/all_results?filter=emoji を試してみていただけますか？

そうなるはずではありません… このトピックのタイトルは手動で作成しましたか、それとも別の方法で作成しましたか？

anderer · 2023 年 8 月 2 日午前 10:28

管理パネルでは、デフォルトで絵文字が1つ表示されます
タイトル/投稿は手動で作成されました

Canapin · 2023 年 8 月 2 日午前 10:29

再現しようとすると、次のようになります。

try.discourse.org で 1 つ以上の絵文字を含むトピックを作成してみてください。

anderer · 2023 年 8 月 2 日午前 10:39

メタでも同じです。ベルボーイは変身していません。

ベルとブームは異なります - 画像と非画像

Canapin · 2023 年 8 月 2 日午前 10:41

プレビューパネルの絵文字は、タイトルではなくコンテンツから取得されたもので、投稿が処理されて投稿されるとDiscourseの絵文字に変換されます。それまでは、OSの絵文字セレクターで入力した可能性が高いため、Unicodeとして表示されても正常です。

anderer · 2023 年 8 月 2 日午前 10:43

はい、しかしサイドバーの絵文字はすでに存在しており、「間違っています」。
そして、try.discourse の例を上に見てください。

Canapin · 2023 年 8 月 2 日午前 10:48

タイトルの絵文字を複数個入力する方法を説明していただけますか、あるいは動画を録画していただけますか？

Canapin · 2023 年 8 月 2 日午前 10:49

@Decrypt、max emojis in title の設定値を上げれば、各タイトルの絵文字に画像を設定できるようになり、CSSで自由にカスタマイズできるようになると思います。

anderer · 2023 年 8 月 2 日午前 10:56

Decrypt · 2023 年 8 月 2 日午前 10:58

承知いたしました。設定のスクリーンショットはこちらです。

Canapin · 2023 年 8 月 2 日午前 11:08

タイトルの前にすでに絵文字を10個まで使用していましたか、それとも今追加しましたか？

Decrypt · 2023 年 8 月 2 日午前 11:13

はい、「デフォルト」設定でトピックを作成しました。
最初の投稿以降、コードや設定は一切変更していません。

Lilly · 2023 年 8 月 2 日午後 2:37

これは逆の（Safari、iOS、デスクトップ）で再現されたような気がします。

Discourse絵文字セットを使用している場合は問題ありません。

Canapin · 2023 年 8 月 2 日午後 3:14

これらの絵文字はどうやって書くのですか？

Unicodeまたは「」として入力すると、\u003cimg\u003eのすべてが次のように表示されます。。

トピック		返信	表示
🤔🤔Creating a topic with more emojis than allowed causes weird issues🤔 Bug emoji , pr-welcome	6	603	2023 年 8 月 22 日
Max Emojis In Title Bypass UX completed	12	2031	2023 年 8 月 16 日
Emoji in Title is not normalized 🐼 :panda_face: Feature	16	4132	2017 年 5 月 15 日
Max emojis in title set to 0 - conflicting with emoji shortcuts UX	2	831	2018 年 10 月 22 日
Email summaries: Emoji not showing up properly when used in titles Bug	4	1172	2018 年 1 月 18 日

タイトルの最初の絵文字は同じ「コード」ではなく、大きくなっています

関連トピック