Javascript 将图像添加到字符串中？把单词译成图像

我想创建一个程序，让您输入以下句子： 我很高兴。

---

和输出：我是我认为您可以尝试创建ico字体，并使用它替换一些单词或其他内容。

/*
*jQuery CSSemotics插件0.2.9
*
*版权所有（c）2010史蒂夫·施瓦茨（JangoSteve）
*
*MIT和GPL许可下的双重许可：
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*
*日期：2010年10月22日星期日1:00:00-0500
*/（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）功能（a）a）功能（a）功能（a）a）功能（a）功能（a）功能（a）功能（a）功能）功能（m）功能（m）功能（c）c）c）a）功能（a）a）a）功能（a）功能（a）c）a）a）功能（a）功能（a）功能）a）a）a）功能（a）功能（a）功能）a）c）c）a.扩展（a.扩展（a.扩展（a.扩展（a）功能（a.a.a）功能（a.a.a.a.a）功能.默认.功能（a）功能.默认.功能（a.功能.功能（a.默认.功能（a.功能.功能（a.功能.默认.“：-/”，“：-/”，“：-”，“：-”，“：”（“，“b-”，“8-”，“；*（”，“：-*”，“：-\”，“？-”，“：），“：”，“：”，“=”，“=”，“=”，“8-”，“：”，“：”，“d”，：*“，”：“，”：“]；var h={：”：{cssClass:“红色表情小表情间隔表情”}，；）：{cssClass:“红色表情小表情间隔表情”}，：（“：{cssClass:“红色表情小表情间隔表情”}，：”：{cssClass:“红色表情小表情”}，；）：{cssClass:“红色表情小表情”}，（：{cssClass:“红色表情小表情”}，”；（：{cssClass:{cssClass:{red emoticon spaced emoticon}），3:{cssClass:{cssClass:{cssClass:“no rotate”}，O:{cssClass:“no rotate”}，O:{cssClass:{cssClass:“no rotate”}，T:{cssClass:“no rotate”}，O:{cssClass:“no rotate”}，O:{cssClass:“no rotate”}，O:{cssClass:“no rotate”}，O:{cssClass:{cssClass:“no rotate”}，O:{cssClass:{cssClass:“small”}，small”}，small，{{cssClass:“小表情间隔表情”}，XD:{cssClass:“小表情间隔表情”}，XD:{cssClass:“小表情间隔表情”}，=D:{cssClass:“小表情间隔表情”}，8O:{cssClass:“小表情间隔表情”}，[+=…]：{cssClass:“无旋转任天堂控制器”}；var f=new RegExp（\\\\''D.join（\''124\\”），+var=”，+n）(^|（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（n+）））为（v）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g）（g“+”，“g”）}var e=“span.css表情”；如果（c.exclude）{e+=”，“+c.exclude}var b=e.split（，”）；返回此.not（e）.each（function（）{var o=a（this）；var i=“css emoticon”；if（c.animate）{i+=“untransformated emoticon animated emoticon”}for（var p in h）{specialcsclass=i+''+h[p].csclass；o.html（o.html（）.replace（h[p].regexp，$1$2”）}a（l）.each（function（）{o.html（）{（o.html（）.replace（this，“$1$2”）}）；a.each（b，function（q，r）{o.find（a.trim（r）+“span.css表情”）.each（function（）{a（this）.replace（a（this.text（））}）；if（c.animate）{setTimeout（function（）{a（.untransformed表情符号”）.removeClass（“untransformed表情符号”）}，c.delay）}）；a.fn.unemoticonize=function（b）{var c=a.extend（.defaults，emoticon）emoticon}）；返回this.each（function（）{var d=a（this）；d.find（“span.css表情”）.each（function（）{var e=a（this）；if（c.animate）{e.addClass（“未转换表情”）；setTimeout（function（）{e.replacetwith（e.text（））}，c.delay）}else{e.replacetwith（e.text（））}}；a.fn.emotionize.defaults={animate:true，delay:500，排除：“pre，code，no表情符号”}）（jQuery）；
$（'.comment'）.emoticonize（）；

/*
*jQuery CSSemotics插件0.2.9
*
*版权所有（c）2010史蒂夫·施瓦茨（JangoSteve）
*
*MIT和GPL许可下的双重许可：
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*
*日期：2010年10月22日星期日1:00:00-0500
*/
/*表情符号的基本样式*/
span.css-emoticon{
字体系列：“Trebuchet MS”；/*似乎提供了最好和最一致的表情外观*/
字号：0.65em；
字体大小：粗体；
颜色：#000000；
显示：内联块；
溢出：隐藏；
垂直对齐：中间对齐；
变换：旋转（90度）；
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
-o变换：旋转（90度）；
宽度：1.54em；/*请注意，这是该跨度字体大小的倍数，不包含文本字体大小*/
高度：1.54em；/*因此，相对于包含文本，宽度和高度为0.9 x 1.6=1.44em*/
文本对齐：居中；
填充：0；
线高：1.34em；
-moz边界半径：1.54em；
-webkit边界半径：1.54em；
边界半径：1.54em；
-莫兹盒阴影：1px-1px2pRGBA（0,0,0,0.5）；
-网络工具包盒阴影：1px-1px2pRGBA（0,0,0,0.5）；
盒影：1px-1px2pRGBA（0,0,0,0.5）；
边框：1px实心rgba（0,0,0,0.25）；
背景色：#ffcc00；
背景图像：-webkit渐变(
线性的
右上角，
左上角，
彩色光圈（0.41，rgb（255204,0）），
彩色光圈（0.56，rgb（255221,85）），
彩色光圈（1，rgb（255238170））
);
背景图像：-moz线性梯度(
中间偏右，
rgb（255204,0）41%，
rgb（255221,85）56%，
rgb（255238170）100%
);
-webkit转换属性：颜色、背景、变换；
-webkit转换持续时间：1s，1s；
-webkit过渡计时功能：线性，易用；
}
/*需要更多字母间距以实现比例的双字符表情的样式*/
span.css-emoticon.spaced-emoticon{
左侧填充：0.2米；
宽度：1.34em；
字母间距：0.2米；
}
/*这是一个肮脏的黑客行为，因为webkit没有正确地进行填充+宽度=总宽度
我认为边框的宽度可能会让人大吃一惊，因为对于小图标来说，它更值得注意*/
@媒体屏幕和（-webkit最小设备像素比：0）{
span.css-emoticon.spaced-emoticon{
宽度：1.4em；
}
}
/*e的风格