html 表情符号选择,实用输入域表情符号选择器jQuery插件

Emoji Picker是一款非常实用的输入域表情符号选择器jQuery插件。该插件可以在输入框或文本域中生成一个表情选择器，用户可以可视化的选择各种表情符号，效果类似于各种聊天软件的输入窗口的选择表情功能。

通过该插件可以实现下面的功能：

将一个输入域转换为带表情符号选择器的可编辑的富文本域。

在每一个输入域的右上角都有一个“笑脸”的符号，它是表情选择器面板的切换开关。

每个面板中带有多种类型的表情符号，可以通过最上方的菜单按钮来切换。

文本域中的值可以非常容易的在Unicode和HTML之间进行转换。

当你调用new EmojiPicker().discover()方法的时候，插件会找到所有带data-emojiable="true"的data属性的元素，然后在这些元素上创建可编辑的DIV元素，原来的输入域会被隐藏起来。

在这个可编辑的DIV中输入的文字是普通的文本，选择的表情符号实际上是元素。

要获取可编辑的DIV中的内容，可以在隐藏的输入域上调用element.val()方法。表情符号的元素将会被转换为Unicode文本。

使用方法

在输入框中使用表情符号的HTML结构：

在文本域中使用表情符号的HTML结构：

初始化插件

在页面DOM元素加载完毕之后可以通过下面的方法来初始化该表情符号插件。

window.emojiPicker = new EmojiPicker({

emojiable_selector: '[data-emojiable=true]',

assetsPath: 'lib/img/',

popupButtonClasses: 'fa fa-smile-o'

});

html 表情符号选择,实用输入域表情符号选择器jQuery插件相关推荐

限制EditText 输入Emjoy 表情符号
上一篇文章刚提到解决了EditText的限制中文字符的情况,令人头疼的问题又来了,输入密码的时候,输入了表情符号."" 网上查阅了一下解决方案,但是在不同的平台的系统上面,操作的解 ...
【软件测试】边界测试中所选择的输入测试数据一定是有效数据（错）
边界测试中所选择的输入测试数据不一定是有效数据. 边界测试的测试用例选择原则: 如果输入条件规定了值的范围,则应该取刚达到这个范围的边界值,以及刚刚超过这个范围边界的值作为测试输入数据: 如果输入条件 ...
input框的一系列操作(输入框必填*号,验证单选框为必选,默认选中单选按钮,点击禁用表单输入域,输入框变为只读)
例① :输入框必填,用*号提示 <p class="form-group"><label for="author">姓名</lab ...
第3章软件测试方法--基于输入域的测试方法（等价类、边界值）
文章目录 3.2 基于输入域的测试方法 3.2.1 等价类测试方法 3.2.2 边界值分析方法(BVA – Boundary Value Analysis) 3.2 基于输入域的测试方法 3.2.1 ...
Android Cordova 对于软键盘弹出后覆盖输入域的解决
Android平台4.2.2与Cordova2.2.0结合使用后出现软键盘弹出后,覆盖输入域问题,在Android的4.0.3中测试没有这样的问题,设置AndroidManifest.xml中的act ...
Java如何控制用户输入的长度,用Java Applet 进行Web编程时，如何限制输入域中可输入字符的长度！解决后马上给分！！！...
用Java Applet 进行Web编程时,如何限制输入域中可输入字符的长度!解决后马上给分!!! | create a new class FixLengthDocument extends Pla ...
【6】测试用例设计-输入域+输出域+异常分析+错误出错法
目录输入域测试输出域测试异常分析错误猜测输入域测试极端测试如学生成绩0分,1分,2分,情况很少这种. 特殊值如-99,0,99 长时间输入内存溢出,内存泄露. 输出域测试异常分析异常操 ...
jQuery Mobile中文本输入域input、textarea的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中文本输入域input.textarea的data-*选项带有 type=" ...
Win10 计算机入域后安装程序、打开重要设置都要输入域管理员密码才行
环境: Windows sever 2019AD域域内客户端Win 10 专业版问题描述: Win10 计算机入域后安装程序.打开重要设置都要跳出用户账户设置,输入域管理员密码才行,很不方便解决 ...

html 表情符号选择,实用输入域表情符号选择器jQuery插件

html 表情符号选择,实用输入域表情符号选择器jQuery插件相关推荐

最新文章

热门文章