C# Emoji在Web端显示

关于emoji在web端显示问题，网上找了一遍，都不满意；最多的是mysql最简单，只需要更改数据库的字符集，把utf8改为utf8mb4,就可以直接显示；但我是用的Sql Server怎么办啦，继续在网上找资料，最后找到这个，说是把字段改为nvarchar,饭后存取的时候，直接编码解码；编码：System.Web.HttpUtility.UrlEncode(content, System.Text.Encoding.UTF8); 解码：System.Web.HttpUtility.UrlDecode(content, System.Text.Encoding.UTF8);用这种方法可以解决一部分问题，在win10上，用最新的谷歌或者火狐可以正常显示，但是在win7上显示却不正常，有些版本的浏览器同样是乱码，纠结。

之后找了了emoji的js包，可以解决上面的问题，下载地址如下：Emoji包，使用方法，如下：

1.引入这三个包emoji-list-with-image.js punycode.js emoji.js

emoji-list-with-image.js 存储emoji编码和表情图片数据，格式如["e415","1f604","iVBORw0KGg..."]

punycode.js 编码解析库

emoji.js 解析emoji编码

2.具体使用

//解析存储的emoji表情
function parse(arg) {if (typeof ioNull !='undefined') {return  ioNull.emoji.parse(arg);    }return '';
};

//反解析（web上，图片数据转为emoji字符编码存储）
function decode(htmlStr) {//todo 正则替换性能更优？unicode16="1f603"if (typeof ioNull == 'undefined') {return '';}var tempStr = htmlStr, unis = '', $imgs = $('<div>').append(htmlStr).find('img');$.each($imgs , function (i, o) { var $img = $(o);var unicode16 = '0x' + $img.attr('unicode16'); //十六进制unicode16 = ioNull.emoji.decodeChar(unicode16);//unis += unicode16;tempStr = tempStr.replace($('<div>').append($img).html(), unicode16);});//System.log(unis)return tempStr;
};

//示例生成emoji图片输入
function renderEmoji()
{
var emos = getEmojiList()[0];//此处按需是否生成所有emojivar html = '<div >常用表情</div><ul>';for (var j = 0; j < emos.length; j++) {var emo = emos[j];var data = 'data:image/png;base64,' + emo[2];if (j % 20 == 0) {html += '<li class="">';} else {html += '<li>';}html += '<img style="display: inline;vertical-align: middle;" src="' + data + '"  unicode16="' + emo[1] + '" /></li>';}
//.......
}

C# Emoji在Web端显示相关推荐

使用海康威视设备在Web端显示实时视频
前言目前做的项目,需要Web端显示实时视频数据.本次项目使用的是海康威视的摄像头进行实时监控. 硬件:萤石的摄像头(海康威视旗下的),海康威视的硬盘录像机. 软件:vlc 2.2.6版本. Web端 ...
利用ros3d.js实现 turtlebot3 在web 端显示并导航
ros3d导航,rosweb, 利用ros3djs实现 turtlebot3 在web 端显示并导航主要是用到 ros3djs.rosbridge_server.tf2_web_republishe ...
海康威视设备在Web端显示实时（回放）视频
前言目前做的项目,需要Web端显示实时视频数据.本次项目使用的是海康威视的摄像头进行实时监控. 硬件:海康威视的摄像头软件:video.js.nginx.vlc 参考:https://blog.c ...
zabbix搭建完，web端显示“zabbix服务器端运行中不”
zabbix搭建完,web端显示"zabbix服务器端运行中不"如下图: 但是查看服务器的状态是running 然后查日志/var/log/zabbix/zabbix-serve ...
利用ros3djs接收pointcloud2在web端显示
因项目需要,要将道路实时的点云流在经过算法处理后在web端显示出来.其中用到点云检测算法,然后发布相应的处理后的点云topic.在web端相应位置创建3Dview接收显示. 主要是用到 ros3djs ...
CAD网页Web端显示开发为什么要以WebGIS的思路来开发？
背景在之前的博文CAD图DWG解析WebGIS可视化技术分析总结中讲解了如何把CAD的DWG格式的图纸Web可视化的方案.博文发布后,受到不少同行们的关注,也有不少咨询一些专业问题,其中大家可能疑惑 ...
WEB端显示三维地形模型
注:正常在WEB上显示三维地形首选Cesium,本文内容仅作为研究,展示文章用DEM制作通用三维地形模型中制作的局部三维地形模型 Cesium是可以很容易的实现在WEB端三维地形的,下面的图是分别是使 ...
WEB端显示摄像头实时图像数据
目录前言方案详情技术点代码 C++部分 js部分结果存在问题下一步计划前言为实现远程画面监视,大致上有两种思路:(1)实时视频数据的传输:(2)实时图像数据的传输.本篇主要讲述下实时 ...
运行mapreduce程序yarn的web端显示进度
在hadoop配置文件mapred-site.xml 加上 <property><name>mapreduce.framework.name</name><v ...
七牛云监控摄像头直播流web端显示
七牛云监控摄像头自己带有一个 qn-rtplayer-web 的npm包.点击跳转官网地址具体使用方法 import { QNRTPlayer } from "qn-rtplayer-we ...

C# Emoji在Web端显示

C# Emoji在Web端显示相关推荐

最新文章

热门文章