如何在html中插入表情包,一款支持插入表情的编辑器实现代码(简单思路挺重要)...

下面是一个表情列表,为了简单我直接在li里面放图片的文件名称，而class 属性用来存放对应的标记

• 0.gif
• 1.gif
• 2.gif

接下来把上面的 li 变成 img

var faceDir = "images/"; //配置表情目录

var iframeDocument = null;

var iframeWindow = null;

var isIe = false;

$.each($("#faceList>li"), function(){ //展现表情

var node = document.createElement("img");

node.className = $(this).attr("class");

node.src = faceDir+$(this).html();

this.innerHTML = "";

this.appendChild(node);

});

放一个 iframe 用来做编辑器

先得到 ifame

iframeWindow = document.getElementById("Edit").contentWindow;iframeDocument = document.getElementById("Edit").contentWindow.document; iframeDocument.designMode="On"; //打开iframe 编辑模式

.desi