JS实现评论表情包及站外链接提醒

评论表情包

OSS文件已删除,请自行替换! 替换textarea成评论框的ID

<span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"sticker_box"</span>></span><span class="hljs-tag"></<span class="hljs-name">span</span>></span>
<span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"toggleStickerBox()"</span> <span class="hljs-attr">a</span>=<span class="hljs-string">"#"</span>></span>表情<span class="hljs-tag"></<span class="hljs-name">a</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="javascript"><span class="hljs-keyword">const</span> stickers = [
        <span class="hljs-comment">//这里填你的图片</span>
      <span class="hljs-string">'001'</span>, <span class="hljs-string">'002'</span>, <span class="hljs-string">'003'</span>, <span class="hljs-string">'004'</span>, <span class="hljs-string">'005'</span>, <span class="hljs-string">'006'</span>, <span class="hljs-string">'007'</span>, <span class="hljs-string">'008'</span>
    ];
    <span class="hljs-keyword">const</span> stickerBox = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'sticker_box'</span>);
    stickers.forEach(<span class="hljs-function"><span class="hljs-params">sticker</span> =></span> {
      <span class="hljs-keyword">const</span> button = <span class="hljs-built_in">document</span>.createElement(<span class="hljs-string">'button'</span>);
      button.className = <span class="hljs-string">'sk'</span>;
      button.onclick = <span class="hljs-function"><span class="hljs-keyword">function</span>() </span>{
        sticker01(sticker);
      };

      <span class="hljs-keyword">const</span> img = <span class="hljs-built_in">document</span>.createElement(<span class="hljs-string">'img'</span>);
      <span class="hljs-comment">//这里填图片目录</span>
      img.src = <span class="hljs-string">`//oss.wuminboke.site/sticker/<span class="hljs-subst">${sticker}</span>.webp`</span>;
      img.style.height = <span class="hljs-string">'50px'</span>;
      img.style.width = <span class="hljs-string">'50px'</span>;
      img.loading = <span class="hljs-string">"lazy"</span>;

      button.appendChild(img);
      stickerBox.appendChild(button);
    });
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">toggleStickerBox</span>() </span>{
      <span class="hljs-keyword">const</span> divToToggle = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'sticker_box'</span>);
      divToToggle.style.display = divToToggle.style.display === <span class="hljs-string">'none'</span> ? <span class="hljs-string">'block'</span> : <span class="hljs-string">'none'</span>;
    }
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">sticker01</span>(<span class="hljs-params">stickernum</span>) </span>{
      <span class="hljs-keyword">const</span> textarea1 = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'textarea'</span>);
      <span class="hljs-comment">//这里填图片目录</span>
      textarea1.value += <span class="hljs-string">`<img src="//oss.wuminboke.site//sticker/<span class="hljs-subst">${stickernum}</span>.webp" height="100px" width="100px">`</span>;
    }</span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>

站外链接提醒

wuminboke.site替换成自己域名可直接使用

<span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="javascript"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">links</span>()</span>{<span class="hljs-keyword">const</span> t=<span class="hljs-built_in">document</span>.querySelectorAll(<span class="hljs-string">"#post-body a"</span>),e=[<span class="hljs-string">"#"</span>],n=[{<span class="hljs-attr">url</span>:<span class="hljs-string">"github.com"</span>,<span class="hljs-attr">tag</span>:<span class="hljs-string">" - Github"</span>},{<span class="hljs-attr">url</span>:<span class="hljs-string">"t.me"</span>,<span class="hljs-attr">tag</span>:<span class="hljs-string">" - Telegram"</span>},{<span class="hljs-attr">url</span>:<span class="hljs-string">"wuminboke.site"</span>,<span class="hljs-attr">tag</span>:<span class="hljs-string">""</span>}];<span class="hljs-keyword">for</span>(<span class="hljs-keyword">let</span> u=<span class="hljs-number">0</span>;u<t.length;u++){<span class="hljs-keyword">const</span> l=t[u],o=l.href;<span class="hljs-keyword">if</span>(e.includes(o))<span class="hljs-keyword">continue</span>;<span class="hljs-keyword">const</span> i=n.find((<span class="hljs-function"><span class="hljs-params">t</span>=></span>o.includes(t.url)));l.innerText+=i?i.tag:<span class="hljs-string">" - 站外链接"</span>}}links();</span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注