网页插件整合：自动小尾巴/markdown/表情

<script src="/tpl/jhin/js/jquery-3.1.1.min.js"></script>
<script>
function insertText(obj, str) {  
    if (document.selection) {  
        var sel = document.selection.createRange();  
        sel.text = str;  
    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {  
        var startPos = obj.selectionStart,  
            endPos = obj.selectionEnd,  
            cursorPos = startPos,  
            tmpStr = obj.value;  
        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);  
        cursorPos += str.length;  
        obj.selectionStart = obj.selectionEnd = cursorPos;  
    } else {  
        obj.value += str;  
    }  
}
$(function(){
  var head = "<!-- markdown -->\n";
  var tail = "\n[span=color:#fff;font-size:10px;background:#33CC99;display:inline-block;padding:2px 5px;border-radius:3px;margin-left:5px;float:right]小米MIX2s(白)[/span]";
  $('#send_msg_button,#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
    var content = $('#content').val().replace(/\u00a0/g, ' ').replace(/\r\n/g, "\n").replace(/^(<!-- markdown -->|<!md>)\n/, '');
    if (document.querySelector('#markdown').checked) content = head + content;
    if (tail.length > 0 & content.lastIndexOf(tail) < 0 & document.querySelector('#signture').checked) content += tail;
    $('#content').val(content);
  })
});
$(document).ready(function () {
  $("#content").after('<div><input name="markdown" id="markdown" type="checkbox" checked /><label for="markdown">启用Markdown</label><input name="signture" id="signture" type="checkbox" checked /><label for="signture">小尾巴</label></div><p id="face"><img title="冷" src="/tpl/classic/img/face/e586b7.gif" /><img title="勉强" src="/tpl/classic/img/face/e58b89e5bcba.gif" /><img title="吐舌" src="/tpl/classic/img/face/e59090e8888c.gif" /><img title="吐" src="/tpl/classic/img/face/e59090.gif" /><img title="呵呵" src="/tpl/classic/img/face/e591b5e591b5.gif" /><img title="呼" src="/tpl/classic/img/face/e591bc.gif" /><img title="咦" src="/tpl/classic/img/face/e592a6.gif" /><img title="哈哈" src="/tpl/classic/img/face/e59388e59388.gif" /><img title="啊" src="/tpl/classic/img/face/e5958a.gif" /><img title="喷" src="/tpl/classic/img/face/e596b7.gif" /><img title="太开心" src="/tpl/classic/img/face/e5a4aae5bc80e5bf83.gif" /><img title="委屈" src="/tpl/classic/img/face/e5a794e5b188.gif" /><img title="开心" src="/tpl/classic/img/face/e5bc80e5bf83.gif" /><img title="怒" src="/tpl/classic/img/face/e68092.gif" /><img title="惊哭" src="/tpl/classic/img/face/e6838ae593ad.gif" /><img title="惊讶" src="/tpl/classic/img/face/e6838ae8aeb6.gif" /><img title="汗" src="/tpl/classic/img/face/e6b197.gif" /><img title="泪" src="/tpl/classic/img/face/e6b3aa.gif" /><img title="滑稽" src="/tpl/classic/img/face/e6bb91e7a8bd.gif" /><img title="狂汗" src="/tpl/classic/img/face/e78b82e6b197.gif" /><img title="疑问" src="/tpl/classic/img/face/e79691e997ae.gif" /><img title="真棒" src="/tpl/classic/img/face/e79c9fe6a392.gif" /><img title="睡觉" src="/tpl/classic/img/face/e79da1e8a789.gif" /><img title="笑眼" src="/tpl/classic/img/face/e7ac91e79cbc.gif" /><img title="花心" src="/tpl/classic/img/face/e88ab1e5bf83.gif" /><img title="鄙视" src="/tpl/classic/img/face/e98499e8a786.gif" /><img title="酷" src="/tpl/classic/img/face/e985b7.gif" /><img title="钱" src="/tpl/classic/img/face/e992b1.gif" /><img title="阴险" src="/tpl/classic/img/face/e998b4e999a9.gif" /><img title="黑线" src="/tpl/classic/img/face/e9bb91e7babf.gif" /><img title="不高兴" src="/tpl/classic/img/face/e4b88de9ab98e585b4.gif" /><img title="乖" src="/tpl/classic/img/face/e4b996.gif" /></p><p id="jack"><a title="# ">一级标题 </a><a title="## ">二级级标题 </a><a title="### ">三级标题 </a><a title="#### ">四级标题</a><a title="##### ">五级标题</a><br><a title="**">斜体文本 </a><a title="** **">粗体文本 </a><a title="*** ***">粗斜体文本 </a><a title="\n* * *">分隔线 </a><br><a title="~~ ~~">删除线 </a><br><a title="[^要注明的文本]">脚注</a><br><a title="\n* \n* \n* ">无序列表 </a><a title="\n1. \n2. \n3.">有序列表 </a><a title="\n1. \n\t- \n2. \n\t- \n3. \n\t- ">列表嵌套 </a><br><a title="\n> \n> \n> \n">区块 </a><a title="\n> \n> > \n> > > \n">二层区块 </a><a title="\n> 区块中使用列表\n\n> 1. 第一项\n> \t- 子列表项1\n> 2. 第二项\n> \t- 子列表项2\n\n> - 无序列表1\n">区块中使用列表 </a><a title="\n* \n\t> \n\t> \n* \n">列表中使用区块 </a><br><a title="` `">代码片段 </a><a title="```\n\n```">代码区块 </a><a title="[虎绿林](https://www.hu60.cn)">文本超链接 </a><a title="链接也可以用变量来代替，文档末尾附带变量地址：\n这个链接用 1 作为网址变量 [Google][1]\n这个链接用 runoob 作为网址变量 [Runoob][runoob]\n然后在文档的结尾为变量赋值（网址）\n\n  [1]: http://www.google.com/\n  [runoob]: http://www.runoob.com/\n">高级链接 </a><br><a title="![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png &quot;RUNOOB&quot;)">图片 </a></p>');

  $('#face img').click(function () {
    var face = "{" +  $(this).attr("title") + "}";
    
    insertText(document.getElementById("content"), face);
    
  });
$('#jack a').click(function () {
    var face =  $(this).attr("title") ;
    insertText(document.getElementById("content"), face);
    
  });

});
</script>