标记表情符号输出

时间:2020-11-01 10:46:14

标签: html css

是否可以输出标志?

就像我能做到的

SELECT [c].[Id], [c].[Name], [d].[Id], [d].[Capacity], [d].[ComputerId], [d].[Letter]
FROM [Computers] AS [c]
LEFT JOIN [Disks] AS [d] ON [c].[Id] = [d].[ComputerId]
WHERE [c].[Name] IS NOT NULL AND ([c].[Name] LIKE N't%')
ORDER BY [c].[Id], [d].[Id]

带有眨眼的手表情。

我复制了国旗表情符号,但是我得到了

Hello ?

安装

enter image description here

有人知道我该怎么做吗?预先谢谢你!

1 个答案:

答案 0 :(得分:0)

我举了一个示例,说明如何将其集成到您的网站中

显示图释的关键字为:[bgflag]

我用您帖子中的标志制作了这个表情符号-表情符号大小为16x16px

因为@ Niet,Dark Absol在评论中写道,替换整个页面中的信息不是一个好主意。我对代码进行了更改。替换仅适用于DIV元素id="comments"

var emoji = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjI5QUU2MTYxQzM0MTFFQjlEMzlEN0IzNDA3NEI4QUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjI5QUU2MTcxQzM0MTFFQjlEMzlEN0IzNDA3NEI4QUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjlBRTYxNDFDMzQxMUVCOUQzOUQ3QjM0MDc0QjhBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjlBRTYxNTFDMzQxMUVCOUQzOUQ3QjM0MDc0QjhBRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgIk/uMAAAJlSURBVHjaxFNJbhNBFH1VXd1VPcV2EjtREiNHjoBFQCLiAjlADsIduAGHYccNgK2RMAhQGGQ5xPHc3e6heuInG8Q6C6pU+jW99/9/9YvVdY37NI57NjEcDvfH4/E1Ywycc2itcTs3TdP2ff9USfWc7p0ZwnhcluVBkiTNKIoK2htnWr8Rg8HgU6/XG+R5/tEwjMxxnJZt28ee5z2h0ZZKgtYQhgABsVouYZkWaL8zm8+fCdKgtb29fU72XCkF13VBJHAIZAjxT7jNZhNeweFVAj7dk7qKRLfVDh/uHvpZmeOWgNMBzL+gSbTGz2CKy8U1Po9/YXQ1gg43ONk7RN9t1+LV29cYGgG6jTZ5dpGwCr+zAJcE+jAf4RsBp3GIIImAIARCsuuAnAgoZxcMF6cB9n1fuC1Yjo2M1SipwzIgbQ8NacM2JTi9tt4kSMIA+YqIhAFRsFA4zQ7EloOaCZCI8KSCsikVW0JLidgSWEsT+rZeBENdZkChAUeC5RwiIU/17hbAKHFpAQQGKe/Qk+5vNHqzAA+WGxzO1vCvF+CTBdZJilnLxdduB+zF8UGw6nf8SacJRuCdCjhKc5wEKR4tIuwFCXZiDSvVCHWGWZzdESiQVjvNUJyNFuzpjxukjqIATDQMDp9xmDQvXIWcbNJwsdqysY5TLGSMJaXiMsrElr6YuJZ3wxQBxJ2yK7IBhV9SNWqDRK9KzDdZvCzL77M4vVrGaVigshuM9708PxLDunp5U1cX7ZJ1FSemgqeFFFOt1OUyz99NV+v3SVV9qQ0+Tyn0KN5A+h5JZsKv6h7777/xjwADAEuMELQjdLBUAAAAAElFTkSuQmCC" />';

var wrap = document.getElementById('comments');
if (wrap) {
    wrap.innerHTML = wrap.innerHTML.replace(/\[bgflag\]/g, emoji);
}
<div id="comments">
    Lorem ipsum dolor [bgflag] sit amet consectetur adipisicing elit. Quod, fuga totam! Ipsum nihil possimus quidem
    voluptates illo porro consequuntur libero quisquam dolor aliquid! Neque commodi [bgflag] ipsa vel beatae,
    incidunt
    minus?
</div>