如何使用指令在angularjs中使用表情符號選擇器lib？

我得到這個表情圖案LIB：如何使用指令在angularjs中使用表情符號選擇器lib？

https://github.com/one-signal/emoji-picker

我想做出指示，這是使用表情符號選擇器功能：

$(function() { 
    // Initializes and creates emoji set from sprite sheet 
    window.emojiPicker = new EmojiPicker({ 
    emojiable_selector: '[data-emojiable=true]', 
    assetsPath: 'lib/img/', 
    popupButtonClasses: 'fa fa-smile-o' 
    }); 
    // Finds all elements with `emojiable_selector` and converts them to rich emoji input fields 
    // You may want to delay this step if you have dynamically created input fields that appear later in the loading process 
    // It can be called as many times as necessary; previously converted input fields will not be converted again 
    window.emojiPicker.discover(); 
});

，這是HTLM使用表情符號：

<p class="lead emoji-picker-container"> 
    <textarea class="form-control textarea-control" rows="3" placeholder="Textarea with emoji Unicode input" data-emojiable="true" data-emoji-input="unicode"></textarea> 
    </p>

我怎麼能爲我的角度項目做到這一點？感謝幫助我！

來源

2016-05-24 Pxion

你可能想看看以前的工作，並從那裏開始，這通常是更適合你遇到直接的技術問題或具體問題https://github.com/one-signal/emoji-picker這個表情符號選擇器不依賴jQuery編寫，所以你可以避免有額外的依賴。如果你堅持使用這個庫並將其封裝在一個指令中，你需要在angular之前加載jQuery，但是可能會發現其他角度表情符號庫對找到組織指令代碼的起點很有幫助。 – shaunhusain

ng-emoji-picker是https://github.com/OneSignal/emoji-picker

角指令它消除了所見即所得的編輯器，Original Emoji Picker用途，你的輸入/文本區域轉換爲一個div，而是它只是增加了對當前文本框或輸入和使用表情符號選擇器圖標Unicode的添加表情符號，

來源

2016-10-16 13:35:18 Kimooz

如果有人正在尋找表情符號選擇器角2，我發現這是非常有用的jQuery插件後，搜索了兩天： EmojiOne Area

如果你想打電話是要脫在你的組件中使用全局變量（你想使用它的地方），像這樣declare const jQuery: any，然後確保在ngAfterViewInit()中使用它。 ngAfterViewInit()將確保您的DOM已準備就緒，否則您會收到錯誤消息，指出emojioneArea不是函數。

通過其ID或類選擇您的輸入元素使用方法如下：
jQuery(".your-input-selector").emojioneArea();

來源

2017-08-29 16:59:39

如何使用指令在angularjs中使用表情符號選擇器lib？

回答

相關問題