Typecho 添加评论表情OwO.js
给评论中添加表情功能，预览可以直接看本站评论模块，也可以看以下预览图。
下面开始进行操作描述：
1. 下载必要资源
请在OwO官网下载好以下文件，并将其放到你的网站目录下：
- OwO.min.css
- OwO.min.js
- OwO.json
2. 导入OwO的CSS和JS文件
导入CSS文件，在<head>和</head>的之间加入以下代码：
<link rel="stylesheet" href="你放置OwO.min.css文件的地址">导入JS文件，在你的网站尾部，</body>之前加入以下代码：
<script src="你放置OwO.min.js文件的地址"></script>3. 导入表情框按钮
在你的网站的js文件中加入以下代码，或在网站尾部，</body>之前加入：
<script>
var OwO_demo = new OwO({
logo: 'OωO表情',
container: document.getElementsByClassName('OwO')[0],
target: document.getElementsByClassName('OwO-textarea')[0],
api: 'JSON文件地址',
position: 'down',
width: '100%',
maxHeight: '250px'
});
</script>修改其中的JSON文件地址为你放置OwO.json文件的地址
然后在你需要显示表情按钮的位置加入以下代码：
4. 绑定评论框
找到comment.php中的评论内容框代码，一般为：
<textarea name="text" id="textarea" class="textarea OwO-textarea" placeholder="说点什么吧" required ><?php $this->remember('text'); ?></textarea>如上面代码所示，在其中加入class属性OwO-textarea，没有class的，增加class。
就此部署已经完成，请刷新你的网站查看效果！
如果有任何异常问题，你可以在右侧评论区留言询问。
©版权: https://huawenzixun.com/post/2351.html
