[問題] 請問CSS取代表情符號的問題~~

看板Web_Design作者 (jims)時間13年前 (2011/02/12 16:26), 編輯推噓2(208)
留言10則, 5人參與, 最新討論串1/2 (看更多)
請教各位一個關於CSS替換表情符號的方法 我想讓使用者輸入: 你好[:)] 然後呈現頁面時,[:)]會換成笑臉圖案, 但是我又希望他在網頁選取"你好[:)]"這段文字時 複製貼上的結果仍為"你好[:)]" 不知道是否有板友知道這樣的做法如何用CSS達成 或是應該用其他方式去達成? 感謝!! ******************************************* 感謝大家的建議~ 經過小弟測試的狀況如下 HTML檔: <head> <style type="text/css"> span.code { background-position: 0px center; background-repeat: no-repeat; outline: none; padding: 1px 0px 1px 14px; background-image: url(smile.gif); } </style> </head> 你好嗎?<span class="code" alt=":)">&nbsp;</span> *********************************************** "你好嗎?[:)]"用正規表示是可以取代成<span class="code" alt=":)">&nbsp;</span> 但是網頁呈現出來後,文字選取無法得到"你好嗎?[:)]" 所以看來CSS只能做到如此了 --

02/12 16:40, , 1F
bbcode ?
02/12 16:40, 1F

02/12 16:49, , 2F
bbcode是使用在編輯畫面,呈現時經由系統解譯成html,
02/12 16:49, 2F

02/12 16:50, , 3F
不過我希望是使用者再看別人文章內容時,選取文字能把[XX]
02/12 16:50, 3F

02/12 16:51, , 4F
的字串也帶走,因此想說是否能透過CSS控制
02/12 16:51, 4F

02/12 18:24, , 5F
感覺要用jquery
02/12 18:24, 5F

02/12 18:55, , 6F
regex看到表情符號用span包住然後用css背景替換文字
02/12 18:55, 6F

02/12 19:48, , 7F
所以還是要javascript
02/12 19:48, 7F

02/12 19:48, , 8F
來AJAX版吧~~(招手
02/12 19:48, 8F
※ 編輯: jimshsu 來自: 220.136.81.227 (02/12 23:02)

02/13 00:45, , 9F
取代成<span class="code"><span>:)</span></span>
02/13 00:45, 9F

02/13 00:45, , 10F
span.code span{visibility:hidden;}
02/13 00:45, 10F
文章代碼(AID): #1DLaHHfd (Web_Design)
文章代碼(AID): #1DLaHHfd (Web_Design)