https://github.com/tylerecouture/summernote-ext-emoji-ajax

A summernote extension that uses the github emoji api and loads them via ajax.
https://github.com/tylerecouture/summernote-ext-emoji-ajax

Last synced: about 1 month ago
JSON representation

A summernote extension that uses the github emoji api and loads them via ajax.

• Host: GitHub
• URL: https://github.com/tylerecouture/summernote-ext-emoji-ajax
• Owner: tylerecouture
• License: mit
• Created: 2017-08-27T18:57:00.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-01T18:02:42.000Z (over 7 years ago)
• Last Synced: 2024-05-18T20:41:00.703Z (8 months ago)
• Language: JavaScript
• Size: 14.6 KB
• Stars: 3
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-summernote - summernote-ext-emoji-ajax

README

        
# summernote-ext-emoji-ajax

A summernote extension that uses the [github emoji api](https://api.github.com/emojis) and loads them via ajax.

All the other [emoji extensions](https://github.com/summernote/awesome-summernote) I tried were either old/broken or weren't doing it for me.  Mostly I had problems with the browser stalling as it loaded the images.

This extension uses the github emoji source, similar to the [Summernote Emoji Hint example](http://summernote.org/examples/#hint-for-emoji), except it uses AJAX asynch.

### Usage

1. Include the js and css

2. add `emoji` to your toolbar somewhere:

````

$('#summernote').summernote({

    toolbar: [

        ...

        ['insert', ['picture', 'link', 'emoji']]

    ]

});

````

### Example

https://jsfiddle.net/43Tesseracts/n0936z0f/

### Notes

* The emoji are sized with `em` to scale with the text style

* However, they don't yet scale if you change the font size directly using the summernote font-sze button....grrr.

* I'm still having browser delays on Firefox... Chrome seems to have no prob.