OwO小白知识一款可爱且实用的js表情符号插件

OwO基础入门

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

OwO小白知识一款可爱且实用的js表情符号插件

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

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

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'
});
海计划公众号
(0)
上一篇 2020/03/05 11:20
下一篇 2020/03/05 23:27

您可能感兴趣的内容

  • JS算法题之正则表达式匹配菜鸟知识_算法题指南教程

    题目描述给你一个字符串 s 和一个字符规律 p,请你来实现一个支持 ‘.’ 和 ‘*’ 的正则表达式匹配。’.’ 匹配任意单个字符’*’ 匹配零个或多个前面的那一个元素所谓匹配,是要涵盖 整个 字符串 s的,而不是部分字符串。说明:s 可能为空,且只包含从 a-z 的小写字母。p 可能为空,且只包含从 a-z 的小写字母,以及字符 . 和 *。示例输入:s

    2020/03/29
  • DDOS攻击常见的类型入门攻略_攻击使用攻略

    “互联网”指的是全球性的信息系统,是能够相互交流,相互沟通,相互参与的互动平台。随着互联网的飞速发展,越来越多的网站应运而生,但各种问题也随之而来。其中最严重的莫过于网络安全问题,应该象每家每户的防火防盗问题一样,做到防范于未然。甚至不会想到你自己也会成为目标的时候,威胁就已经出现了,一旦发生,常常措手不及,造成极大的损失。而导致这个问题的最主要的因素就是以

    2020/03/29
  • Web前端体系的脉络结构入门基础知识_前端入门教程

    Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍。目的是帮助大家审查自

    2020/04/05
  • yargs基础知识入门yargs模块来开发自己的命令行工具集合

    yargs基础知识入门 官方网址:http://yargs.js.org/ GitHub:https://github.com/yargs/yargs 简介描述:yargs模块来开…

    2020/03/06
  • keep-alive 实现后退不刷新并保持滚动位置小白指南_刷新使用帮助

    keep-alive 实现后退不刷新并保持滚动位置小白指南 vue可以通过<keep-alive>元素包裹组件,实现缓存,下次使用时不需要重新创建该组件。但存在一个问题…

    2020/03/19
  • 实现一个JS深拷贝函数基础知识入门_函数入门基础教程

    JS深拷贝概念并不新鲜,但是真正要真正理解原理还是有点难度的。这也是JS语言精粹之一吧。例子let a = {name: ‘demo’,age: 18
    };let b = a;
    b.name = ‘demo1’;console.log(a); // 输出 {name: “demo1”, age: 18}
    console.log(b); // 输出 {name

    2020/03/29
  • node-schedule菜鸟攻略_一个Node.js的灵活的类似cron又不类似的任务调度库

    node-schedule菜鸟攻略 GitHub:https://github.com/node-schedule/node-schedule 简介描述:一个Node.js的灵活的…

    2020/03/06
  • “写”一个js的new运算符指南教程_new菜鸟指南

    new 运算符 创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。比较好奇new运算符的原理,了解了下,分享给大家。看一下MDN上的简单:function Person(name, age, sex) {this.name = name;this.age = age;this.sex = sex;
    }
    var rand = new Person

    2020/03/30
  • 为什么前后端分离了,你比从前更痛苦?菜鸟知识_接口菜鸟教程网

    你有没有遇到过:前端代码刚写完,后端的接口又变了。接口文档永远都是不对的。测试工作永远只能临近上线才能开始。为什么前后端分离了,你比从前更痛苦?  前后端分离早已经不是新闻,当真正分离之后确遇到了更多问题。要想解决现在的痛,就要知道痛的原因:为什么接口会频繁变动?  设计之初没有想好。 这需要提高需求的理解能力和接口设计能力。  变动的成本较低。  德国有句

    2020/04/03
  • kissui.scrollanim小白基础一款实用的纯JS和CSS3页面滚动动画库插件

    kissui.scrollanim入门基础知识 官方网址:http://scrollanim.kissui.io/ GitHub:https://github.com/usabli…

    2020/03/06
  • FitVids.js基础知识入门_轻量、易用让视频响应屏幕尺寸变化的 jquery插件

    FitVids.js基础知识入门 官方网址:http://fitvidsjs.com GitHub:https://github.com/davatron5000/FitVids….

    2020/03/06
  • vs指南攻略_Google搜索自动补全结果的可视化图

    vs指南攻略 官方网址:https://anvaka.github.io/vs/ GitHub:https://github.com/anvaka/vs 简介描述:Google搜索…

    2020/03/10
  • Meta标签大全使用说明web开发常用meta整理_meta入门百科

    meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息可选属性属性值描述http-equivcontent-type / expire

    2020/04/05
  • Js操作Cookie基础知识入门_cookie入门知识

    介绍Web 服务器和 HTTP 服务器是无状态的,因此当 Web 服务器将网页发送到浏览器时,连接会被断开,服务器会忘记与用户相关的所有内容。那么浏览器和 Web 服务器是怎样记住用户信息的?cookie 被发明出来解决这个问题。当用户访问网页时,他们的名字、唯一 ID 或其他任何信息都可以存储在浏览器的 cookie 中。 当用户下次又回到网页时,cook

    2020/03/26
  • Seo学习心得:作为前端开发需要了解的Seo优化技能小白攻略_seo指南攻略

    Seo对网站的好处通过seo优化可以提高我们的网站搜索排名,减低运营成本的同时,增强网站的曝光率,提高网站的可信度。自然搜索流量质量高;用户搜索需要的信息时,通常意图都是比较明确的,用户搜索某一信息时,如果正好有用户需要的信息,那么就可以为我们的网站带来流量,通过搜索来的的用户目标精准,转化率较高。扩展性强;网站可以通过挖掘关键词,为网站增加大量的关键词,从

    2020/04/06
  • Js错误处理入门攻略_错误小白常识

    当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:可能是语法错误,通常是程序员造成的编码错误或错别字;可能是拼写错误或语言中缺少的功能(可能由于浏览器差异);可能是由于来自服务器或用户的错误输出而导致的错误;也可能是由于许多其他不可预知的因素。那么js有没有好的可以检测错误的呢?有的,那就是:throw、try 和 catch

    2020/03/26