当前位置：文江博客话题详情

将笑脸插入 HTML

发布于 2024-10-06 22:22:35 字数 73 浏览 2 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你不是我要的菜∠ 2024-10-13 22:22:35

将 ☺ 插入 html 文档以呈现笑脸。

如下所示： ☺

它呈现如下，因为它是 unicode 字符（请参阅 http://en. wikipedia.org/wiki/Smiley）

回复收藏 0 原文

岁月静好 2024-10-13 22:22:35

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

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

大多数情况下，这是使用 PHP < 来实现的代码>str_replace函数。

Assuming you mean smilies as found in various forums, you simply replace the ASCII smiley with a HTML img element on the server side. The output will look like this:

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

Most of the time this is achieved using e.g. the PHP str_replace function.

回复收藏 0 原文

じ违心 2024-10-13 22:22:35

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

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

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

Hold down shift and push the :; button, then while holding down the shift key, push 0. Congrats, you've created your first smiley.

Humor aside, there are a few smiley characters that can be found in the ASCII character set. This page lists them. In most HTML message boards/emails, however, the software replaces typed smiley faces with emoticon images.

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

回复收藏 0 原文

春风十里 2024-10-13 22:22:35

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

回复收藏 0 原文

你怎么这么可爱啊 2024-10-13 22:22:35

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

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

回复收藏 0 原文

蓦然回首 2024-10-13 22:22:35

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

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 毫秒:)

This code can post table like above into your page

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);
    }
);

Be careful, it takes about 300ms for me :)

回复收藏 0 原文

~没有更多了~