作者JYHuang (夏天到了,冷不起來了說)
看板Ajax
標題[討論] JQuery控制 iframe的內容
時間Wed Oct 14 00:09:45 2009
最近為了要解決在後台用HTML Editor上好的內容
在前台會因為CSS繼承而有所失真的情況。
試著在輸出內容的地方,蓋上一層iframe
來取排除掉所有的CSS。
結果發現這其實是給自己更大的難題啊 囧">
先是用$('<iframe>..').appendTo(select)來插入iframe的話
要等element建立後才能把html碼給copy進去
而且還是要用$(iframe).contents().find('body').html(...)這樣麻煩的辦法
這個問題還沒解決,又發現接下來又是個麻煩..
要把iframe的寬度跟高度依照網頁的內容設定高度~
本來試過照原來輸入HTML的區塊的高度來給值..
結果因為CSS的因素,font-size,padding,margin的差異
會造成頁面的高度也會不一致啊~~~~~ Orz
請問版友有什麼好點子嗎? Thanks~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.203.150
1F:推 tomin:用iframe 好怪的招啊 從CSS下手吧 YUI!有CSS reset 雖然 10/14 00:35
2F:→ tomin:我沒用過 或是想辦法再蓋過去吧 10/14 00:36
3F:→ tomin:再不然iframe裡 也要有自己的CSS 10/14 00:36
4F:→ JYHuang:我的是用意是要在一個區塊內輸出原汁原味的HTML 10/14 00:38
5F:→ JYHuang:完全不套用目前CSS的樣式 10/14 00:39
6F:推 moonjuice:用DIV+load() 試試看?? 10/24 11:18