📄 insert_face.html

📁 javascript文本编辑器
💻 HTML
字号:
<html STYLE="width: 350px; height: 140px; ">
<head><title>插入表情</title><head>
<style>
  html, body, button, div, input, select, td, fieldset { font-family: MS Shell Dlg; font-size: 8pt; };
</style>
<script>

// if we pass the "window" object as a argument and then set opener to
// equal that we can refer to dialogWindows and popupWindows the same way
opener = window.dialogArguments;

var _editor_url = opener._editor_url;
//var objname     = location.search.substring(1,location.search.length);
var objname = 'yourFieldNameHere';
var config      = opener.document.all[objname].config;
var editor_obj  = opener.document.all["_" +objname+  "_editor"];
var editdoc     = editor_obj.contentWindow.document;

function _CloseOnEsc() {
  if (event.keyCode == 27) { window.close(); return; }
}

window.onerror = HandleError

function HandleError(message, url, line) {
  var str = "An error has occurred in this dialog." + "\n\n"
  + "Error: " + line + "\n" + message;
  alert(str);
//  window.close();
  return true;
}

function Init() {
  document.body.onkeypress = _CloseOnEsc;
}

function imgOnClick(imgName) {
  var curRange = editdoc.selection.createRange();

  // create face img url
  var imgFaceUrl = "<img src='" + _editor_url + "images/face/" + imgName + "'>";

  // insert face icon
  opener.editor_insertHTML(objname, imgFaceUrl);


  // close popup window
  window.close();
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext; margin: 10px; BORDER-STYLE: none" scroll=no>
<br>
<table border=0 cellspacing=0 cellpadding=0 width="300">
 <tr>
	<td align="center">
<a href="#"><img src="../images/face/icon_biggrin.gif" onclick="imgOnClick('icon_biggrin.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_confused.gif" onclick="imgOnClick('icon_confused.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_cool.gif" onclick="imgOnClick('icon_cool.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_cry.gif" onclick="imgOnClick('icon_cry.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_eek.gif" onclick="imgOnClick('icon_eek.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_evil.gif" onclick="imgOnClick('icon_evil.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_lol.gif" onclick="imgOnClick('icon_lol.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_mad.gif" onclick="imgOnClick('icon_mad.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_razz.gif" onclick="imgOnClick('icon_razz.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_redface.gif" onclick="imgOnClick('icon_redface.gif')" border=0></a>
	</td>
 </tr>
 <tr>
	<td align="center">
<a href="#"><img src="../images/face/icon_smile.gif" onclick="imgOnClick('icon_smile.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_sad.gif" onclick="imgOnClick('icon_sad.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_surprised.gif" onclick="imgOnClick('icon_surprised.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_wink.gif" onclick="imgOnClick('icon_wink.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_exclaim.gif" onclick="imgOnClick('icon_exclaim.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_idea.gif" onclick="imgOnClick('icon_idea.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_question.gif" onclick="imgOnClick('icon_question.gif')" border=0></a>
&nbsp;<a href="#"><img src="../images/face/icon_arrow.gif" onclick="imgOnClick('icon_arrow.gif')" border=0></a>
	</td>
 </tr>
</table>

</BODY>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -