- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我正在尝试在我的 Angular 6 元素的下拉菜单(选择标签)中获取表情符号。我为此使用 unicode。到目前为止,我只设法显示了一些表情符号(如♥)。我想要这样的表情符号:😄😐😡 但我在浏览器中看到的只是一个空方 block 。
我尝试创建一个简单、纯 html 文件,然后表情符号全部显示在下拉菜单中。但是,当我尝试在 Angular 模板中实现它时,它不再起作用了。我还尝试下载 Symbola 字体并将其添加到 CSS,但也没有成功。
这是模板:
<div class="postContainer postContent bg-dark" style="width: 80%;">
<form class="postForm" [formGroup]="newPost" (ngSubmit)="saveNewPost()">
<label class="text-warning label">Smiley</label>
<select formControlName="smiley" class="custom-select mr-sm-2 col form-control-lg" id="inlineFormCustomSelect"
[ngClass]="{ 'is-invalid': submitted && f.smiley.errors }">
<option selected>Choose...</option>
<!-- Attempt with the Symbola emoji font -->
<option value="Smiley1"><span class="emoji">😄</span></option>
<!-- Attempt without the Symbola emoji font -->
<option value="Smiley2">😄</option>
</select>
</form>
</div>
在我的 styles.css 中,Symbola 字体的字体外观
@font-face {
font-family: "emoji", "Symbola";
src: url("./assets/fonts/emoji/Symbola-Emoji.woff") format("woff"),
url("./assets/fonts/emoji/Symbola-Emoji.ttf") format("ttf");
}
在模板的 CSS 文件中添加 Sybmola 和 emoji 字体:
.emoji {
font-family: "emoji", "Symbola";
}
很奇怪,它在单独的 html 文件中工作,但不在我的 Angular 元素中。如果重要的话,我正在使用 Visual Studio Code 编辑器。有谁知道这里的问题是什么?
更新 1:如果我复制表情符号本身并将其放在组件中的变量中:
smiley: any = '😄';
然后在模板中输入:
// Form and select tags...
<option value="Smiley2">{{smiley}}</option>
它在 Firefox 的下拉菜单中显示笑脸,但在 Chrome 中不显示。
更新 2:这似乎是 Chrome 的问题。我测试了一些随机的笑脸,到目前为止,只有 unicode 7.0 到 10.0 ( https://emojipedia.org/unicode-7.0/ ) 的表情符号适用于 Chrome 中的选择标签,旧版本则不行。然而,其他版本的表情符号确实会出现在“普通”标签中,例如段落标签。只是不在选择菜单的选项标签中。我想使用的所有表情符号都是 unicode 版本 6.0 和 6.1 的一部分有谁知道如何解决这个问题?
更新 3:所以我在下拉菜单中添加了一些表情符号并重新启动了 Angular 和 Chrome。表情符号全部显示,甚至是 unicode 版本 6 中的表情符号。但是,如果我刷新 (F5) 页面,版本 6 中的表情符号将从菜单中消失。所以我想我的问题现在已经解决了一半:
最佳答案
不是真正基于代码的答案,但我找到了适用于 Chrome 的解决方案。
显然,我安装了一个 Chrome 扩展程序 (Chromoji),据说它允许在 Chrome 中使用更新的表情符号。确实如此,因为表情符号看起来与该扩展不同(较新的表情符号 unicode 可见)。我删除了扩展程序,现在我只能看到旧版本,但至少现在所有表情符号都始终可见。
这几天一直困扰着我。我希望 Google 有一天能解决他们的表情符号问题。
关于css - Unicode 表情符号在浏览器中不可见(显示为正方形),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51000496/
我还没有找到太多关于何时使用 Unicode 的(简明)信息。我知道很多人说最佳实践是始终使用 Unicode。但 Unicode 字符串确实有更多的内存占用。我是否正确地说,必须仅在以下情况下使用
我正在构建一个需要使用表情符号的应用程序,特别是生成大量随机表情符号序列。这需要有一个大列表可供选择。而不是采取方法 detailed here通过循环硬编码十六进制范围,我决定采用不同的方法并从 t
早在 ZX Spectrum 的早期,就有一种方法可以将一个字形打印在另一个字形之上,从而在 OVER 1 指令的帮助下创建复合字形。 我想知道是否有 Unicode 方法可以在现代计算机上执行相同的
我有一个表示 Unicode 代码点的字符串,例如 "272d"。如何将其转换为 "✭"? Elixir 当然理解 Unicode: iex> > "✭" iex> "x{272d}" "✭" 但我需
自从我了解到 clang 能够编译用 Unicode 编写的 c++ 源文件后,我在编写与数学相关的代码时就开始大量使用它。比较 uₙ₊₁ᵖ = A*uₙ + B*uₙ₋₁; uₙ₊₁ᶜ = π *
感谢jmcnamara我发现了一种在 xlsxwriter 图表中使用 Unicode 字符的好方法:xlsxwrter: rich text format in chart title 我需要一个所
有些字符不包含在 Unicode 中(即带重音的西里尔字母),但可以使用组合序列创建。据我了解,可能的组合字符序列是在布局引擎和/或使用的字体中定义的。我对吗?那么,如何得到所有可能的组合序列呢? 最
我正在尝试使用 libunibreak ( https://github.com/adah1972/libunibreak ) 来标记某些给定 unicode 文本中可能的换行符。 Libunibre
我需要具有属性 Alphabetic 的 Unicode 字符范围列表如 http://www.unicode.org/Public/5.1.0/ucd/UCD.html#Alphabetic 中所定
我想为 Unicode 中的特定字符找到视觉上相同的字符。 我知道如何找到一个字符的规范或兼容性分解;但他们没有给我我想要的。 我想找到视觉上相同(不相似)的字符,它们唯一的区别可能是它们的大小。 例
假设我有包含此字符串的 Apache Solr 索引文档: Klüft skräms inför 我希望能够使用此关键字通过搜索找到它(注意“u”-“ü”): kluft 有没有办法做到这一点 ? 最
我已经阅读了很多文章以了解 Unicode 代码点的最大数量,但我没有找到最终答案。 我知道 Unicode 代码点已最小化,以使所有 UTF-8 UTF-16 和 UTF-32 编码都能够处理相同数
我正在使用 CSS Buttons With Icons But No Images . 图标是使用 unicode 值生成的。在这方面,我遇到了一些浏览器不支持某些 unicode 值的问题。因此,
我正在寻找一种方法将 Unicode 字母字符从任何语言音译为带重音的拉丁字母。目的是让外国人深入了解以任何非拉丁文字书写的姓名和单词的发音。 例子: 希腊语:Romanize("Αλφαβητικό
Unicode 6.0 添加了几个带有描述的字符,表明这些字符应该以特定颜色呈现: 红苹果 U+1F34E 青苹果 U+1F34F 蓝心U+1F499 绿心U+1F49A 黄心U+1F49B 紫心U+
我想知道,Unicode 中的每个字符都有一个代码点;字体中字符的类似术语是什么? 当解码文件需要映射到字体(或字体,通过一些现代字体替换技术)时,我从来没有理解过程的一部分。 例如,当文本编辑器从其
谁能告诉我 Unicode 可打印字符的范围是多少? [例如。 Ascii 可打印字符范围为\u0020 -\u007f] 最佳答案 参见,http://en.wikipedia.org/wiki/U
鉴于Unicode有been around for 18 years ,为什么还有不支持 Unicode 的应用程序?甚至我对某些操作系统和 Unicode 的体验至少可以说是痛苦的。正如乔尔·斯波尔
我要求计算 Unicode 中所有可能的有效组合的数量并附上解释。我知道一个 char 可以编码为 1、2、3 或 4 个字节。我也不明白为什么连续字节有限制,即使该字符的起始字节清除了它应该有多长。
Unicode 为中文字符分配了 U+4E00..U+9FFF。这是全套的一部分,但不是全部。 最佳答案 最终列表可以在 Unicode Character Code Charts 找到;在页面中搜索
我是一名优秀的程序员,十分优秀!