作者dk1986 (DK)
看板Web_Design
標題[討論]#hashtag輸入框內,井字之後變標籤的功能
時間Wed Feb 24 15:31:26 2016
最近想要在網站中的發文欄位加入如標題的功能
搜尋了一些github的外掛,似乎都沒有符合想要的(或是兼容中文輸入的)外掛
跟朋友研究了半天決定自己開發
簡單來說完成品像是FB那樣
1.外觀是輸入欄
2.輸入#之後“立刻”開始變色
(FB是#之後第一個字開始,其他網站是打完TAG才套CSS)
3.TAG內輸入空白就結束TAG
4.shif+enter有換行功能
目前走向是將DIV套上contenteditable之後
自己偵測跟定義keydown以及cursor位置....但是感覺工程量不小
請問各位先進有做過類似的功能,或是有其他實現方法嗎?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.176.12.126
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1456299090.A.7FD.html
→ jhunkyoiori: keyup 02/24 18:34
推 vi000246: 這個可以嗎 再自己加篩中文的功能 02/24 19:50
→ vi000246: 裡面有段regx改這樣#(([a-zA-Z0-9\u4e00-\u9fa5]+)? 02/24 20:01
→ dk1986: 研究中。。敢謝 02/24 21:31