[討論]#hashtag輸入框內,井字之後變標籤的功能

看板Web_Design作者 (DK)時間8年前 (2016/02/24 15:31), 編輯推噓1(104)
留言5則, 3人參與, 最新討論串1/1
最近想要在網站中的發文欄位加入如標題的功能 搜尋了一些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

02/24 18:34, , 1F
keyup
02/24 18:34, 1F

02/24 19:50, , 2F
這個可以嗎 再自己加篩中文的功能
02/24 19:50, 2F

02/24 19:50, , 3F

02/24 20:01, , 4F
裡面有段regx改這樣#(([a-zA-Z0-9\u4e00-\u9fa5]+)?
02/24 20:01, 4F

02/24 21:31, , 5F
研究中。。敢謝
02/24 21:31, 5F
文章代碼(AID): #1MpLnIVz (Web_Design)