作者jimshsu (jims)
看板Web_Design
標題[問題] 請問CSS取代表情符號的問題~~
時間Sat Feb 12 16:26:54 2011
請教各位一個關於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=":)"> </span>
***********************************************
"你好嗎?[:)]"用正規表示是可以取代成<span class="code" alt=":)"> </span>
但是網頁呈現出來後,文字選取無法得到"你好嗎?[:)]"
所以看來CSS只能做到如此了
--
→ knives:bbcode ? 02/12 16:40
→ jimshsu:bbcode是使用在編輯畫面,呈現時經由系統解譯成html, 02/12 16:49
→ jimshsu:不過我希望是使用者再看別人文章內容時,選取文字能把[XX] 02/12 16:50
→ jimshsu:的字串也帶走,因此想說是否能透過CSS控制 02/12 16:51
推 ss163500:感覺要用jquery 02/12 18:24
→ superpai:regex看到表情符號用span包住然後用css背景替換文字 02/12 18:55
推 s25g5d4:所以還是要javascript 02/12 19:48
→ s25g5d4:來AJAX版吧~~(招手 02/12 19:48
※ 編輯: jimshsu 來自: 220.136.81.227 (02/12 23:02)
→ superpai:取代成<span class="code"><span>:)</span></span> 02/13 00:45
→ superpai:span.code span{visibility:hidden;} 02/13 00:45