Tommy 碎碎念

Tommy Wu's blog

« 上一篇 | 下一篇 »

如何避免 LifeType 最近迴響的網址過長破壞版面
post by tommy @ 05 十一月, 2006 09:37
近來發現如果有人在迴響中打入網址的話, 那一長串的網址並沒有任何空白字元在裡頭, 所以一般的 browser 在版面處理時, 會無法找到可以換行的點, 就會把整個網址放在同一行, 但是, 實際長度會過長, 破壞原有的版面設計.

在 LifeType 的討論區找了一下, 並沒有發現有什麼比較好的解法, 好像只有看到一篇建議是把內容放到 title 屬性中, 然後畫面出現的部份只抓短短一行的字元就好了. 我試著改了一下, 是不會有這個問題, 不過也看不出來迴響要說的是什麼了, 要把滑鼠移到該迴響上頭才會看到 title 屬性.

因此, 自己決定採用另外的方法, 就是把 URL 的部份用一個短字串來取代, 讓 browser 可以找到正確換行的地點.

原本在我使用的樣版中, 最近迴響的抓取語法是:

{$comment->getText()|truncate:100:"..."|strip_tags} 

現在改為:

{$comment->getText()|regex_replace:"/http:\/\/[a-zA-z0-9\.\/\?=&\-_]*/i":"[http://...] "|truncate:200:"...":true|strip_tags} 

利用 Smarty 提供的 regex_replace 功能, 把 http://  開頭的網址, 換成 [http://...] 加上空白, 如此, 就不會出現一長串沒有空白的網址, browser 也可以正確的處理這個版面. 

Del.icio.us Furl HEMiDEMi Technorati MyShare
commons icon [1] [ 回覆 ]

請問
你所說改的地方是哪依各檔案呢

迴響
暱稱:
標題:
個人網頁:
電子郵件:
authimage

迴響

  

Bad Behavior 已經阻擋了 138 個過去 7 天試圖闖關的垃圾迴響與引用。
Power by LifeType. Template design by JamesHuang. Valid XHTML and CSS