onKeyUp: detect emoji after colon when using div::contenteditable

onKeyUp demo: detect emoji after colon when using div::contenteditable onKeyup div contentEditable: replace emoji & restore cursor position onKeyup div contentEditable: unchange wdt-emoji-bundle.min.js
needim · May 15, 2018 · 1354e33 · 1354e33
1 parent c97f0ff
commit 1354e33
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -126,7 +126,7 @@ <h4 class="text-center">Slack like emoji picker with <br> <strong>apple</strong>
                 <hr>
                 <div class="form-group">
                     <label>div::contenteditable</label>
-                    <div id="contenteditable" class="form-control wdt-emoji-bundle-enabled" contentEditable="true">;) <strong>Hey!</strong> check :heart_eyes:  this.  :dog:  :cat:  :hamster:</div>
+                    <div id="contenteditable" class="form-control wdt-emoji-bundle-enabled wdt-emoji-open-on-colon" contentEditable="true">;) Hey! check :heart_eyes:  this.  :dog:  :cat:  :hamster:</div>
                 </div>
                 <div class="form-group">
                     <label class="label-block">&downarrow;</label>

diff --git a/wdt-emoji-bundle.js b/wdt-emoji-bundle.js