emoji picker
parent
dedee9af47
commit
0f75f84a89
|
@ -159,6 +159,14 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
|
||||
<script type="module">
|
||||
console.log("loading module")
|
||||
|
||||
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'
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
const FilamentList = {
|
||||
|
@ -1065,47 +1073,5 @@
|
|||
|
||||
</script>
|
||||
|
||||
<script type="module">
|
||||
console.log("loading module")
|
||||
|
||||
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'
|
||||
|
||||
|
||||
window.addEventListener("DOMContentLoaded", () => {
|
||||
setTimeout(() => {
|
||||
/*
|
||||
console.log("timeout")
|
||||
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("add picker")
|
||||
|
||||
document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker)
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
|
||||
document.querySelector(".shx-emoji-picker-popup").addEventListener("emoji-click", (e) => {
|
||||
console.log("emoji click")
|
||||
// insertText(document.querySelector("#shx-text1"), e.detail.unicode);
|
||||
});
|
||||
|
||||
console.log("reg", document.getElementsByClassName("shx-emoji-picker-button"))
|
||||
|
||||
document.getElementsByClassName("shx-emoji-picker-button")[0].onclick = () => {
|
||||
console.log("toggle popup")
|
||||
document.querySelector(".shx-emoji-picker-popup").classList.toggle("shown");
|
||||
}; */
|
||||
}, 1500)
|
||||
})
|
||||
</script>
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
|
Loading…
Reference in New Issue