在HTML中插入表情符号

Question

6

我该如何在HTML中以编程方式插入表情符号？我想知道它是如何与文本共存的逻辑？它是一种样式化的ASCII字符还是其他什么东西？谢谢。

- mihsathe

你是指这个吗 - ☺ - Phil

5个回答

6

假设您指的是各种论坛中发现的表情符号，您只需在服务器端用HTML img元素替换ASCII表情符号即可。输出将如下所示：

<p>This is a paragraph <img src="wink.png" alt=";)"></p>

大多数情况下，这是通过使用例如PHP的 str_replace 函数来实现的。

- You

我给这个点了踩，因为我也在尝试以编程的方式来实现这个（对我来说就是用Ruby on Rails），所以确实需要Unicode而不是:)。 - Michael Durrant

2

按住shift键并按下:;键，然后在按住shift键的同时，按0键。恭喜，您已经创建了您的第一个笑脸符号。

开玩笑的，ASCII字符集中有一些笑脸符号可以找到。此页面列出了它们。然而，在大多数HTML消息论坛/电子邮件中，软件会用表情图像替换键入的笑脸符号。

Hello world <img src="smileyface.png" alt="smiley face" />!

- Vic

1

@mihsathe echo ':)';. ;o) @Vic 幽默，但并不是一个真正的答案。 - deceze

2

ASCII字符集中没有笑脸符号，但在Unicode中有一些。 - kindall

1

在HTML中有许多UTF-8杂项符号可用。请查看下面的链接：

- Roshan Padole

来源？或者您能将其作为文本发布，以便可以搜索、选择、复制吗？或者至少为屏幕阅读器用户添加一个替代文本，以转录内容？以这种形式呈现的话，它太大了，无法使用。 - undefined

0

简而言之，笑脸只是一张图片。你可以将它存储在服务器上，并通过JavaScript插入到客户端的HTML中。

你可以看看TinyMCE。他们正好做了你想要的，并且是开源的：http://tinymce.moxiecode.com/

- Hoàng Long

@MichaelDurrant：感谢您的纠正。我只是认为他在谈论论坛中经常看到的笑脸符号。 - Hoàng Long

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Carrotman42 · Accepted Answer

在 HTML 文档中插入 &#x263A 以呈现笑脸。

渲染的结果如下：☺

这样呈现是因为它是一个 Unicode 字符（请参见 http://en.wikipedia.org/wiki/Smiley）。