kiokai
Thành viên
Chia Sẻ Nào AE!
5 tháng trước
hướng dẫn:
import file này vào head
rồi cấu hình như sau
anh em có thể viết 1 cái api trả về list user rồi sửa ở cấu hình trên. còn template thì ae tự sửa lại tùy thích.
vd về 1 file json trả về
và đây là demo
[TOP]
code auto tag user
mỗi khi chat có thể phải tag nhau mà thấy sacmau chưa có. nên viết cái autotag này tích hợp vào dự án tiện chia sẻ luôn. thật ra không có thì tự tag tay cũng không sao nhưng có thì trải nghiệm cho user tốt hơn. với lại chủ yếu viết cũng để luyện codehướng dẫn:
import file này vào head
HTML
<script src="https://kairum.sacmau.mobi/assets/lib/autotag.js"></script>
rồi cấu hình như sau
JS
<script>
autotag.init({
sel: "text", //đấy là id của input mà ae muốn set auto tag
key: "user",
template: () => `
<span style="color:red">{user.first}</span>{user.last}
`,
data: "data.json" // đường dẫn tới api user
})
</script>
anh em có thể viết 1 cái api trả về list user rồi sửa ở cấu hình trên. còn template thì ae tự sửa lại tùy thích.
vd về 1 file json trả về
JS
[
{"user":"kiokai","name":"KioKai"},
{"user":"kindo","name":"Kindo"},
{"user":"kang","name":"Kang"},
{"user":"poker","name":"poker"},
{"user":"pink","name":"pink"},
{"user":"skindxo","name":"Kindo"}
]
và đây là demo