Ruby 板


LINE

http://lightyror.blogspot.com/2006/11/html-filter.html 一般來說,通常使用者 input 的 field 都會作一些 filter 的動作,避免你塞一些危險的 HTML code (script之類)進去。而這部份 Ruby on Rails 作法很簡單,就是在前面加上一個 h() 即可。h 在Ruby on Rails 作什麼事情呢?他是 html_escape 的 alias ,他會將所有的 < 還有 > 變成 & lt; ,& gt;,比如 <sctipt>alert('a'); </sctipt> 會變成 & lt;sctipt& gt;alert('a'); & lt;/sctipt& gt; 這樣你就完全作不了亂啦,因為所有 tag 都不見了。但是這樣通常嫌太過嚴格一點了,有時候我們會希望開放一些字型大小,顏色的tag 給你用,這時候 h() 通殺的特性會讓一切都變得很麻煩。所以這時候 Ruby on Rails 就出現 sanitize() 這個 function,根據 Ruby on Rails 的api 上面解釋 Sanitizes the given HTML by making form and script tags into regular text, and removing all "onxxx" attributes (so that arbitrary Javascript cannot be executed). Also removes href attributes that start with "javascript:". 他會砍掉 script 這個 tag ,以及 onClick onLoad 之類的 attribute ,你沒有機會執行 javascript ,那就會讓你 key-in 任何東西都如 sanitize 字面上一樣『完全無害』。但是,Ruby on Rails 預設的 sanitize 管制方式又有點大方,你還是可以塞一些 div 或是 iframe 之類的 tag 讓你的網站版面爛掉。 所以我們需要一個可以自訂的 HTML Filter ,可以自由指定我們放行那些 tag 。這時候我發現了這個網頁,這是 Brad Choate's 寫的 perl 函式 sanitize_html 的 Ruby porting,你可以到這裡下載 Ruby 的版本。這只有一個函式,請將這個函式放在任何可以 loading 的地方,然後使用 sanitize( HTML 程式碼 ) 即可。我們來仔細研究一下怎麼使用,他的第一行 def sanitize( html, okTags='a href, b, br, i, p' ) okTags 代表的意思是就是他允許的 tag ,目前有 a ,b , br , i , p 之類的 tag 。如果你輸入 <iframe>aaa</iframe>之類的不允許的 code ,他會出現 aaa 這樣的結果,所有不被允許的 tag 一律被濾掉。如果你想加入 span,font 這個兩個 tag ,那就將他變成 def sanitize( html, okTags='a href, b, br, i, p, span, font' ) 以此類推,很簡單吧。至於第一個的 a href 代表什麼意思呢?第一個 a 代表 sanitize 允許 a 這個 tag ,第二個 href 跟第一個 a 中間沒有逗號分開,代表 sanitize 允許 a 這個 tag 使用 href 這個 attribute。你要是不信的話,打入 <a href="http://lightyror.blogspot.com" target="_blank">Haha</a>之類的程式,他只會出現 <a href="http://lightyror.blogspot.com">Haha</a> 只有 href 這個 attribute 會被保留,其他的刪無赦 XD。如果你想讓 a 這個 tag 加入 target attribute ,那麼就這樣寫吧。 def sanitize( html, okTags='a href target, b, br, i, p' ) 如此他就會保留 href 跟 target 這兩個 attribute。最後,當我們輸入這樣的 HTML <a href="http://lightyror.blogspot.com">Haha 有頭無尾的 html code ,神奇的是他居然會補齊 tag 成 <a href="http://lightyror.blogspot.com">Haha</a> 恩,這個東西實做相當完整,看起來十分有用。 -- lighty RoR 是一個介紹 lighttpd , SQLite , Ruby and Rails 的 Blog http://lightyror.blogspot.com/ --



※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.218.90.242







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Tech_Job站內搜尋

TOP