emoji picker
parent
dedee9af47
commit
0f75f84a89
|
@ -159,6 +159,14 @@
|
||||||
}
|
}
|
||||||
</style>
|
</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">
|
<script type="text/javascript">
|
||||||
|
|
||||||
const FilamentList = {
|
const FilamentList = {
|
||||||
|
@ -1065,47 +1073,5 @@
|
||||||
|
|
||||||
</script>
|
</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 %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue