Typecho博客添加OwO表情

我只是在@季悠然文章的帮助下,完成添加了OwO表情解析。
原贴地址:https://gundam.exia.xyz/337.py

文件

必须用到的文件:owo.zip

  • OwO.php(里面整合了颜文字表情和滑稽,只需按照里面的格式添加表情,放在和index.php同级文件夹)
  • OwO.min.css(css部分,你需要在</head>前引入)

添加或修改

首先,你需要把以下代码添加到functions.php文件最后

/*表情解析*/
    function emotionContent($content,$url)
    {
        $fcontent = preg_replace('#\@\((.*?)\)#','<img src="//cdn.doub1.com/OwO/$1.jpg" />',$content);
    }

然后,把comments.php中的(一般是在<div class="comment-content"></div>中,输出评论列表的)

<?php $comments->content(); ?>

修改为

<?php
   $cos = preg_replace('#\:(.*?):#','<img src="//cdn.doub1.com/OwO/$1.jpg">',$comments->content);
       echo $cos;
 ?>

PS:以上的图片路径可修改为你的表情路径,图片类型可自行更改为png(只能统一使用一种后缀,如果你有能力能修改成多种,请务必给我一份,谢谢)

还需要引入必须的js

 Smilies = {
        dom: function(id) {
            return document.getElementById(id);
        },
        grin: function(tag) {
            tag = ' ' + tag + ' ';
            myField = this.dom("textarea");
            document.selection ? (myField.focus(), sel = document.selection.createRange(), sel.text = tag, myField.focus()) : this.insertTag(tag);
        },
        insertTag: function(tag) {
            myField = Smilies.dom("textarea");
            myField.selectionStart || myField.selectionStart == "0" ? (startPos = myField.selectionStart, endPos = myField.selectionEnd, cursorPos = startPos, myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length), cursorPos += tag.length, myField.focus(), myField.selectionStart = cursorPos, myField.selectionEnd = cursorPos) : (myField.value += tag, myField.focus());
        }
    }
      $(document).ready(function(){
      $(".OwO-logo").click(function(){
        $(".OwO").toggleClass("OwO-open");
      });
         $(".OwO-packages li").click(function() {
             $(".OwO-packages li").eq($(this).index()).addClass("OwO-package-active").siblings().removeClass('OwO-package-active');
             $(".OwO-items").hide().eq($(this).index()).show();
         });
    });

表情选项卡我是使用jq写的,你应该还需要引入jQuery

<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script> 

然后自定义的js引入在jq后

最后,在你需要的地方引入OwO表情按钮

<?php  $this->need('OwO.php'); ?>
本站采用CC BY-NC-SA 4.0协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
原文链接:https://doub1.com/owo.html 最后更新时间为:2019年03月14日

已有 2 条评论

  1. 浅夏
    浅夏 Chrome 73 10
    回复

    测试表情

  2. YAMADIE
    YAMADIE Chrome 68 7
    回复

    感谢分享 (´இ皿இ`)