作者jimshsu (jims)
看板Ajax
标题[问题] 请问如何让图形替换後的表情符号代码被选取
时间Sat Feb 12 23:04:55 2011
原问题再WebDesign以CSS为主题发问,
不过最後似乎他牵扯到要JS才能达到
因此在此向各位请教,
要请教各位如何让图形替换後的表情符号代码被选取
我想让使用者输入:
你好[:)]
然後呈现页面时,系统会把[:)]会换成笑脸图案的html语法,
但是我又希望他在网页选取"你好[:)]"这段文字时(这时笑脸已经被换成图形)
复制贴上的结果仍为"你好[:)]"
不知道是否有板友知道这样的做法如何达成?
*******************************************
经过小弟测试的状况如下
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只能做到如此了
--
1F:→ knives:bbcode ? 02/12 16:40
2F:→ jimshsu:bbcode是使用在编辑画面,呈现时经由系统解译成html, 02/12 16:49
3F:→ jimshsu:不过我希望是使用者再看别人文章内容时,选取文字能把[XX] 02/12 16:50
4F:→ jimshsu:的字串也带走,因此想说是否能透过CSS控制 02/12 16:51
5F:推 ss163500:感觉要用jquery 02/12 18:24
6F:→ superpai:regex看到表情符号用span包住然後用css背景替换文字 02/12 18:55
7F:推 s25g5d4:所以还是要javascript 02/12 19:48
8F:→ s25g5d4:来AJAX版吧~~(招手 02/12 19:48
感谢!!!
※ 编辑: jimshsu 来自: 220.136.81.227 (02/12 23:09)
9F:推 wa120:用replace 02/13 00:16
10F:→ wa120:改成<span class="code">:)</span> 然後css文字颜色跟 02/13 00:22
11F:→ wa120:背景一样~ 02/13 00:23
12F:推 dinos:span.code div {display:none;visibility:hidden;} 02/13 00:25
13F:→ dinos:<span class="code"><div>:)</div></span> 02/13 00:25
14F:→ chrisQQ:楼上应该没办法用选取复制了? 02/13 09:10
15F:→ jimshsu:可以了~~~感谢wa120大与其他版众帮忙!! 02/13 22:30