在 HTML 中插入笑脸

Question

如何以编程方式在 HTML 中插入笑脸？我想知道它是如何与文本一起存在的逻辑？它是一个样式化的 ASCII 字符还是什么？预先感谢。

Answer 1

将

&#x263A

插入 html 文档以呈现笑脸。

出来是这样的：☺

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

Answer 2

假设您指的是在各种论坛中找到的表情符号，您只需在服务器端将 ASCII 表情符号替换为 HTML

img

元素即可。输出将如下所示：

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

大多数时候这是通过使用例如PHP

str_replace

函数。

Answer 3

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

除了幽默之外，在 ASCII 字符集中还可以找到一些笑脸字符。 此页面列出了它们。然而，在大多数 HTML 留言板/电子邮件中，该软件用表情符号图像取代了键入的笑脸。

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

Answer 4

HTML 中有许多可用的 UTF-8 杂项符号。 看看下面

Answer 5

简而言之，笑脸只是一个图像。您可以将其存储在您的服务器上，并通过javascript插入到客户端的html中。

您可以查看TinyMCE。他们完全按照您的意愿行事，并且开源：http://tinymce.moxiecode.com/

Answer 6

此代码可以将上面的表格发布到您的页面中

window.addEventListener(
    'load',
    () => {
        var txt, tr, td, table = document.createElement('table');
        for (var i = 0; i < 65536; i++) {
            tr = document.createElement('tr');
             td = document.createElement('td');
              txt = document.createTextNode(i);
             td.appendChild(txt);
            tr.appendChild(td);
             td = document.createElement('td');
              txt = document.createTextNode('\\u' + i.toString(16));
             td.appendChild(txt);
            tr.appendChild(td);
             td = document.createElement('td');
              txt = document.createTextNode(String.fromCharCode(i));
             td.appendChild(txt);
            tr.appendChild(td);
            table.appendChild(tr);
        }
        document.body.appendChild(table);
    }
);

小心，我需要大约 300 毫秒:)