复制 FontAwesome 图标
Posted
技术标签:
【中文标题】复制 FontAwesome 图标【英文标题】：Copy FontAwesome icon 【发布时间】：2017-06-12 08:23:09 【问题描述】：我正在 Angular2 中创建一个带有 fontawesome 图标 (chevron-right) 作为分隔符的面包屑组件，我想使用标准选择和 ctrl+c 复制面包屑数据。 现在，当我复制文本时，它不会复制图标。 所以粘贴时的数据只包含文本。例如
如果下面是我的面包屑 A > B > C
当我复制并粘贴它时，我只得到 A B C
有什么方法可以实现这一点（比如 img 标签中的 'alt'），而不是在 Angular2 中手动处理？
【问题讨论】：
【参考方案1】：在你之间添加这个 A B C
<i class="fa fa-chevron-right" aria-hidden="true"></i>
不要忘记使用 npm install 在 angular 2 项目中安装 fontawesome，或者你可以在 index.html 文件中添加这个 cdn
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
【讨论】：
@himanshu 你在你的项目中安装了 fontawsome 吗？你能显示你的代码吗？因为我也在做同样的事情。它对我有用 你能复制文本并用 > 图标粘贴吗？由于某些限制，我无法共享代码。 你能在你的 index.html 文件中添加这个 cdn 链接吗.. 放入 标签而不是 body 标签。 对我来说它的工作。我刚刚在 angular 2 项目的 head 标签中添加了 。无需使用 npm 安装。只需添加这个就足够了。 @himanshu 我在 plnkr 中添加了简单的代码。这是链接plnkr.co/edit/VUCrTnUI54zSXcLsl0SU?p=preview以上是关于复制 FontAwesome 图标的主要内容，如果未能解决你的问题，请参考以下文章