OwO

编程之家收集整理的这个编程导航主要介绍了OwO编程之家,现在分享给大家,也给大家做个参考。

OwO

OwO 介绍

OwO是一款可爱且实用的js表情符号插件。OwO表情符号插件可以在文本域或输入框中输入表情符号,它支持颜文字、Emoji、图片等,支持移动端,表情数据从一个可以自定义的json接口读取。  

OwO的使用

1、安装或引入

npm install owo --save

<link rel="stylesheet" href="OwO.min.css">

<script src="OwO.min.js"></script>

2、html

<!-- 目标元素 -->

<textarea class="OwO-textarea"></textarea>

<!-- 表情符号容器 -->

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

3、初始化

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'

});

网站地址:http://diygod.github.io/OwO/demo/

GitHub:https://github.com/DIYgod/OwO

网站描述:一款可爱且实用的js表情符号插件

OwO官方网站

官方网站:http://diygod.github.io/OwO/demo/

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

scalable.js,一款可以使任何HTML元素动态缩放适合父元素的js...
Pica,使用JS进行快速高品质图像缩放
react-dates,React 日期组件
date-fns,轻量级的JavaScript 日期工具库
WOW.js,一款效果炫酷的元素在页面滚动时展示CSS3动画的JS插件
Pikaday,一个 轻量级、无依耐Js日期选择器