Decrypt
(Decrypt)
1
您好,
我正在尝试开发自己的主题,我注意到当您在标题中输入多个表情符号时,第一个表情符号会被包含在 <img> 标签中,而不是与其余文本一起显示。以下是一些截图(在应用了一些样式后,使其看起来与其余文本大小相同,否则第一个表情符号会更大):(截图在最后,抱歉新账号只能上传一张图片)
您可以在此处查看我的主题代码:GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.
所以我认为这是因为标题的第一个字符被放大,就像书本中的一样,但事实并非如此,您可以看到,我在 3 个表情符号前放置了一个点,第一个表情符号仍然不同,我尝试了多种样式(rem、px、align)使其与另外两个大小相同,但在移动应用程序上仍然可见:(截图在最后)
您有什么想法可以解决这个问题,以便标题的第一个表情符号在移动端和桌面端都与其他表情符号相同。
谢谢。
Canapin
(Coin-coin le Canapin)
2
你好,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>
Canapin
(Coin-coin le Canapin)
4
我注意到你的第一个表情符号是你添加到网站的自定义表情符号(它有一个 emoji-custom 类),而其他的则是 Unicode。
我不确定为什么 Unicode 表情符号没有转换为 \u003cimg\u003e 标签,尽管在我的测试实例中它们是可以转换的。我尝试了几个集合,包括 Apple/International。
你能分享你所有与表情符号相关的设置吗?
我也想加入讨论——我的网站上的表情符号似乎也有点奇怪,这可能与之有关。
我发现“门童的铃铛”表情符号没有被转换成图片——而是保持原样?——这只会影响标题和菜单列表。此外,表情符号限制设置为 1 个——所以标题实际上不应该有第二个表情符号。
除此之外,在类别标题中拥有标准的表情符号集会很棒——请注意,类别标题中的“派对礼炮”表情符号与其他部分中的不同。
哦,在管理员网站上——所有表情符号设置都是默认的。
Decrypt
(Decrypt)
6
所有 3 个表情符号都相同(来自官方 iOS/Android 列表),我将相同的字符复制并粘贴到标题中,甚至尝试复制第 3 个,删除其他两个,粘贴两次,当我保存标题时,它仍然会做这种奇怪的事情。
关于设置,我不知道能展示什么?我没有任何“星星”自定义表情符号,我拥有的表情符号只有加密货币的标志。
在这里,我复制了原始标题,并将其粘贴在此处:⭐️⭐️⭐️ Une entité scrute la blockchain de Bitcoin?
Canapin
(Coin-coin le Canapin)
7
您使用哪个表情符号集?
我是在盲目摸索,因为我不知道你为什么会遇到这种行为,但可以试试 /admin/site_settings/category/all_results?filter=emoji?
不,它不应该有……您是手动创建此主题的标题还是以其他方式创建的?
Canapin
(Coin-coin le Canapin)
9
当我尝试重现时:

您能否尝试在 try.discourse.org 上创建一个包含多个表情符号的主题?
Canapin
(Coin-coin le Canapin)
11
预览面板中的表情符号来自您的内容,而非标题,并且在帖子处理和发布后将转换为 Discourse 表情符号。在此之前,它显示为 Unicode 是正常的,因为您很可能使用操作系统表情符号选择器输入的。
是的,但是侧边栏中的表情符号已经存在并且是“错误的”
另请参阅上面的 try.discourse 示例
Canapin
(Coin-coin le Canapin)
13
您能描述一下您将多个表情符号添加到标题中的步骤吗?或者最好录制一个视频?
Canapin
(Coin-coin le Canapin)
14
@Decrypt,我认为您可以通过提高max emojis in title设置值来为每个标题表情符号设置图片,然后使用CSS自定义它们。
1 个赞
Canapin
(Coin-coin le Canapin)
17
你的标题在主题之前已经有 10 个表情符号了,还是你现在才加上去的?
Decrypt
(Decrypt)
18
是的,是我创建主题时“默认”的设置。
自从我发帖以来,我没有更改过任何代码/设置。
Lilly
(Lillian Louis)
19
我有点复现了这个问题,但情况相反(Safari、iOS、桌面版):
如果你使用 Discourse 的表情符号集,则没有问题。
1 个赞
Canapin
(Coin-coin le Canapin)
20
如何写这些表情符号?
我将它们写成 Unicode 或 :star:,它会输出
,所有这些都是 </img>。