bkb-admin-web/public/UEditor/dialogs/emotion/emotion.js

window.onload = function () {
  editor.setOpt({
    emotionLocalization: false,
  });

  emotion.SmileyPath =
    editor.options.emotionLocalization === true ? 'images/' : 'http://img.baidu.com/hi/';
  emotion.SmileyBox = createTabList(emotion.tabNum);
  emotion.tabExist = createArr(emotion.tabNum);

  initImgName();
  initEvtHandler('tabHeads');
};

function initImgName() {
  for (var pro in emotion.SmilmgName) {
    var tempName = emotion.SmilmgName[pro],
      tempBox = emotion.SmileyBox[pro],
      tempStr = '';

    if (tempBox.length) return;
    for (var i = 1; i <= tempName[1]; i++) {
      tempStr = tempName[0];
      if (i < 10) tempStr = tempStr + '0';
      tempStr = tempStr + i + '.gif';
      tempBox.push(tempStr);
    }
  }
}

function initEvtHandler(conId) {
  var tabHeads = $G(conId);
  for (var i = 0, j = 0; i < tabHeads.childNodes.length; i++) {
    var tabObj = tabHeads.childNodes[i];
    if (tabObj.nodeType == 1) {
      domUtils.on(
        tabObj,
        'click',
        (function (index) {
          return function () {
            switchTab(index);
          };
        })(j),
      );
      j++;
    }
  }
  switchTab(0);
  $G('tabIconReview').style.display = 'none';
}

function InsertSmiley(url, evt) {
  var obj = {
    src: editor.options.emotionLocalization
      ? editor.options.UEDITOR_HOME_URL + 'dialogs/emotion/' + url
      : url,
  };
  obj._src = obj.src;
  editor.execCommand('insertimage', obj);
  if (!evt.ctrlKey) {
    dialog.popup.hide();
  }
}

function switchTab(index) {
  autoHeight(index);
  if (emotion.tabExist[index] == 0) {
    emotion.tabExist[index] = 1;
    createTab('tab' + index);
  }
  //获取呈现元素句柄数组
  var tabHeads = $G('tabHeads').getElementsByTagName('span'),
    tabBodys = $G('tabBodys').getElementsByTagName('div'),
    i = 0,
    L = tabHeads.length;
  //隐藏所有呈现元素
  for (; i < L; i++) {
    tabHeads[i].className = '';
    tabBodys[i].style.display = 'none';
  }
  //显示对应呈现元素
  tabHeads[index].className = 'focus';
  tabBodys[index].style.display = 'block';
}

function autoHeight(index) {
  var iframe = dialog.getDom('iframe'),
    parent = iframe.parentNode.parentNode;
  switch (index) {
    case 0:
      iframe.style.height = '380px';
      parent.style.height = '392px';
      break;
    case 1:
      iframe.style.height = '220px';
      parent.style.height = '232px';
      break;
    case 2:
      iframe.style.height = '260px';
      parent.style.height = '272px';
      break;
    case 3:
      iframe.style.height = '300px';
      parent.style.height = '312px';
      break;
    case 4:
      iframe.style.height = '140px';
      parent.style.height = '152px';
      break;
    case 5:
      iframe.style.height = '260px';
      parent.style.height = '272px';
      break;
    case 6:
      iframe.style.height = '230px';
      parent.style.height = '242px';
      break;
    default:
  }
}

function createTab(tabName) {
  var faceVersion = '?v=1.1', //版本号
    tab = $G(tabName), //获取将要生成的Div句柄
    imagePath = emotion.SmileyPath + emotion.imageFolders[tabName], //获取显示表情和预览表情的路径
    positionLine = 11 / 2, //中间数
    iWidth = (iHeight = 35), //图片长宽
    iColWidth = 3, //表格剩余空间的显示比例
    tableCss = emotion.imageCss[tabName],
    cssOffset = emotion.imageCssOffset[tabName],
    textHTML = ['<table class="smileytable">'],
    i = 0,
    imgNum = emotion.SmileyBox[tabName].length,
    imgColNum = 11,
    faceImage,
    sUrl,
    realUrl,
    posflag,
    offset,
    infor;

  for (; i < imgNum; ) {
    textHTML.push('<tr>');
    for (var j = 0; j < imgColNum; j++, i++) {
      faceImage = emotion.SmileyBox[tabName][i];
      if (faceImage) {
        sUrl = imagePath + faceImage + faceVersion;
        realUrl = imagePath + faceImage;
        posflag = j < positionLine ? 0 : 1;
        offset = cssOffset * i * -1 - 1;
        infor = emotion.SmileyInfor[tabName][i];

        textHTML.push(
          '<td  class="' +
            tableCss +
            '"   border="1" width="' +
            iColWidth +
            '%" style="border-collapse:collapse;" align="center"  bgcolor="transparent" onclick="InsertSmiley(\'' +
            realUrl.replace(/'/g, "\\'") +
            '\',event)" onmouseover="over(this,\'' +
            sUrl +
            "','" +
            posflag +
            '\')" onmouseout="out(this)">',
        );
        textHTML.push('<span>');
        textHTML.push(
          '<img  style="background-position:left ' +
            offset +
            'px;" title="' +
            infor +
            '" src="' +
            emotion.SmileyPath +
            (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') +
            iWidth +
            '" height="' +
            iHeight +
            '"></img>',
        );
        textHTML.push('</span>');
      } else {
        textHTML.push('<td width="' + iColWidth + '%"   bgcolor="#FFFFFF">');
      }
      textHTML.push('</td>');
    }
    textHTML.push('</tr>');
  }
  textHTML.push('</table>');
  textHTML = textHTML.join('');
  tab.innerHTML = textHTML;
}

function over(td, srcPath, posFlag) {
  td.style.backgroundColor = '#ACCD3C';
  $G('faceReview').style.backgroundImage = 'url(' + srcPath + ')';
  if (posFlag == 1) $G('tabIconReview').className = 'show';
  $G('tabIconReview').style.display = 'block';
}

function out(td) {
  td.style.backgroundColor = 'transparent';
  var tabIconRevew = $G('tabIconReview');
  tabIconRevew.className = '';
  tabIconRevew.style.display = 'none';
}

function createTabList(tabNum) {
  var obj = {};
  for (var i = 0; i < tabNum; i++) {
    obj['tab' + i] = [];
  }
  return obj;
}

function createArr(tabNum) {
  var arr = [];
  for (var i = 0; i < tabNum; i++) {
    arr[i] = 0;
  }
  return arr;
}