网页插件整合：自动小尾巴/markdown/表情
高贵的OnePlus 3(金色)
小米MIX2s(白)
@老虎会游泳，修改了你的插件,不痛不痒的功能,快捷添加md语法
<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="">图片 </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>
123 huawei mate 20pro
@作曲，复制代码粘贴到这里： https://hu60.cn/q.php/addin.webplug.html
测试测试
高贵的OnePlus 3(金色)
helloworld
小米MIX2s(白)
@老虎会游泳，修改了你的插件,不痛不痒的功能,快捷添加md语法
123
huawei mate 20pro
@作曲，复制代码粘贴到这里：
https://hu60.cn/q.php/addin.webplug.html