溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“jQuery-emoji表情插件的使用方法”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
支持給textarea或可編輯p加上表情功能，自動識別元素類型。 Support for adding emoji into textarea or editable p, automatic identification of element types.如果是textarea，則選擇表情后插入表情代碼，如果是可編輯p，則直接插入表情圖片。 If it is textarea element,will insert code string of emoji, else, will insert emoji picture directly.支持自定義表情代碼的格式。 Support for specifying the code format of emoji.支持將表情代碼轉換為表情圖片。 Support for converting the code string of emoji into emoji picture.支持多組表情并提供tab切換。 Support for multiple groups of emoji and tabs to toggle.示例已帶有百度貼吧和qq高清2套表情。 The demo has been with 2 sets of emojis:Baidu tieba emoji & QQ HD emoji.同一頁面支持多個表情實例。 Support for multiple instances in one page.
$("#editor").emoji({ icons: [{ name: "QQ表情", path: "img/qq/", maxNum: 91, excludeNums: [41, 45, 54], file: ".gif", placeholder: "#qq_{alias}#" }]});
安裝 install
$ bower install jquery-emoji
或在http://www.jq22.com/jquery-info6363此頁面下載
引入文件 首先在頁面上引用css文件和js文件，css文件一般在中添加，js文件一般在之前添加。注意要先引用jquery和jquery.mCustomScrollbar，再引用該js。 Firstly reference the css and js file of this plugin, the best location of the css reference is in , and the js is before , make sure the js follows jQuery and jquery.mCustomScrollbar.
<head> ... <!--the css for jquery.mCustomScrollbar--> <link rel="stylesheet" href="lib/css/jquery.mCustomScrollbar.min.css"/> <!--the css for this plugin--> <link rel="stylesheet" href="css/jquery.emoji.css"/></head><body>...<!--the js for jquery--><script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script><!--(Optional) the js for jquery.mCustomScrollbar's addon--><script src="lib/script/jquery.mousewheel-3.0.6.min.js"></script><!--the js for jquery.mCustomScrollbar--><script src="lib/script/jquery.mCustomScrollbar.min.js"></script><!--the js for this plugin--><script src="js/jquery.emoji.js"></script></body>
調用 invoke 在文本框或可編輯p上初始化emoji initialize emoji on textarea or editable p
$("#content").emoji(options);
參數 options
button String 觸發表情面板的按鈕的選擇器，如”#btn1”，若指定則將表情選擇面板綁定到該按鈕，若未指定，則自動創建一個按鈕。showTab Boolean true 當只有一組表情時，是否仍然顯示Tab。animation String ‘fade’ 表情面板動畫效果，可能的值：’fade’:淡入淡出，’slide’:滾動，’none’:無動畫。icons Array [] 表情組。icons:{ name } String group(n) 該組表情名稱。icons:{ path } String 必填。該組表情路徑（表情文件必須是1,2,3…命名）。icons:{ maxNum } Number 必填。該組表情文件名的最大數。icons:{ excludeNums } Array [] 要排除的表情文件集合。icons:{ file } String ‘.jpg’ 表情文件的后綴名。icons:{ placeholder } String ‘#em(n)_{alias}#’ 該組表情插入文本框后的占位標識，必須包含’{alias}’部分，’{alias}’會被自動替換成每個表情的標識。icons:{ alias } String 每個表情對應的標識，若未指定，則為表情文件名（1,2,3…），若指定為一個對象，則會根據對象屬性名（1,2,3…）查找屬性的值作為表情標識。icons:{ title } Object 每個表情指上去顯示的文字，格式：fileName:title, 如：1:’good’。
* n: 分組的次序 index of the group
| 名稱 name | 類型 type | 默認值 default | 說明 desc |
|---|
“jQuery-emoji表情插件的使用方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
