emoji picker
parent
914123b799
commit
a5da94b269
|
@ -164,23 +164,7 @@
|
||||||
|
|
||||||
import "https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js";
|
import "https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js";
|
||||||
import insertText from "https://cdn.jsdelivr.net/npm/insert-text-at-cursor@0.3.0/index.js";
|
import insertText from "https://cdn.jsdelivr.net/npm/insert-text-at-cursor@0.3.0/index.js";
|
||||||
|
</script>
|
||||||
function loadEmojiPicker() {
|
|
||||||
const emojiPicker = document.createElement("emoji-picker");
|
|
||||||
emojiPicker.classList = "light";
|
|
||||||
emojiPicker.style.width = "100%";
|
|
||||||
|
|
||||||
emojiPicker.addEventListener("emoji-click", (e) => {
|
|
||||||
insertText(document.querySelector("#shx-text1"), e.detail.unicode);
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log("loadEmojiPicker");
|
|
||||||
|
|
||||||
document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
|
|
||||||
}
|
|
||||||
|
|
||||||
loadEmojiPicker()
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
@ -1064,7 +1048,18 @@
|
||||||
|
|
||||||
console.log("render current variant")
|
console.log("render current variant")
|
||||||
|
|
||||||
loadEmojiPicker()
|
const emojiPicker = document.createElement("emoji-picker");
|
||||||
|
emojiPicker.classList = "light";
|
||||||
|
emojiPicker.style.width = "100%";
|
||||||
|
|
||||||
|
emojiPicker.addEventListener("emoji-click", (e) => {
|
||||||
|
insertText(document.querySelector("#shx-text1"), e.detail.unicode);
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log("loadEmojiPicker");
|
||||||
|
|
||||||
|
document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue