无意间发现一款名为OwO的评论回复表情,挺好玩儿的,最开始是从[森七]老师的博客里面看到的,只不过[森七]老师博客里面介绍的是EMLOG的用法。

文件组成
OwO.min.css
OwO.min.js
OwO.min.json
.css 文件放置对应的文件夹

.js 和 .json 文件放到一个文件夹好了,但是要注意 .json 文件放置在哪儿 api 路径就要填写哪儿哟!

molerose 用的 OwO 表情已经打包好了,请笑纳!

本地:OwO表情.zip

当然,如果你想要增加更多,可以自己在 .json 文件中自行添加即可!

HTML

    <link rel="stylesheet" href="<?php $this->options->themeUrl('css/OwO.min.css'); ?>">">
    <script src="<?php $this->options->themeUrl('js/OwO.min.js'); ?>">"></script>
// 建议放在头部

容器
容器位置如下图所示,考虑到体验度临近 textarea 元素即可,只要不太反人类就好了!

<div title="OwO" class="OwO"></div>

OwO表情.png

JS
脚本建议放到临近 的位置

这里的api是json路径,文件放在哪儿,链接就指向哪儿即可


<!-- OWO 表情 -->
<script>
var OwO_demo = new OwO({
    logo: 'OωO表情',
    container: document.getElementsByClassName('OwO')[0],
    target: document.getElementsByClassName('OwO-textarea')[0],
    api: './OwO.json',
    position: 'down',
    width: '100%',
    maxHeight: '250px'
});
</script>

项目地址:https://github.com/DIYgod/OwO
此文作者:http://www.molerose.com/archives/66/

本地:OwO_true自用备份.zip
aru阿鲁表情下载包:https://pan.baidu.com/s/1i32gtEX#list/path=%2Faru
aru阿鲁表情作者微博:https://weibo.com/p/1005051691356984?is_all=1#_rnd1526539877123