|
主題: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: chchang 於 九月 16, 2005, 01:52:16 下午 我的作業習慣是先把想保留的文章由IE上直接複製，然後到Frontpage去貼上
跟著修改一些不想保留的banner之類的版面後 複製source code ，到plog 的延伸內文中(文字模式) 我發現，只要是文章內含有 table tag ，就會造成內文版面亂掉 範例：http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=35&blogId=1 同樣的文章，但我手動把table tag 拿掉 http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=36&blogId=1 (http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=36&blogId=1) 後來想想，說不定是table tag後面跟著的那些屬性造成的錯誤，所以我又手動修改了source ,把 < table xxxxxxxxx> 之後的內容都刪掉，只剩下<table> 結果如範例: http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=37&blogId=1 不知道有沒有人碰到一樣的狀況？又這個問題(該說他是bug嗎？) 該如何處理呢？ 主題: Re: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: minstrel 於 九月 16, 2005, 02:51:37 下午 就我自己所知道的經驗, office系列(Word與Frontpage)所處理過的html tag, 尤其是 table, 會變得很奇怪, 往往都只能在MS的相關產品看起來正確, 到了其他環境就變得一團亂.
這部份應該跟HtmlArea無關. 你可以用以下的方法試驗比較一下. 把想要的文章, 從IE上複製後, 直接貼到pLog的HtmlArea上, 再比較先貼到Frontpage後不做任何處理再貼在pLog上, 應該會發現後者的表格往往會一團亂. 我只能建議, 不要用frontpage...frontpage本身的處理, 加了太多奇怪的tag, 也做了太多奇怪的變動了... 主題: Re: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: LiP 於 九月 16, 2005, 02:52:31 下午 你前面兩個都包含
引用 <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <title>新增網頁2</title> </head> <body> </body> </html> 會有問題是當然的吧.... 最後面那個就很單純只有<table>的標籤自然就正常了 你的問題跟表格/欄位設定的屬性沒什麼關係....只是多了上面那些code.... 主題: Re: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: chchang 於 九月 16, 2005, 03:13:57 下午 就我自己所知道的經驗, office系列(Word與Frontpage)所處理過的html tag, 尤其是 table, 會變得很奇怪, 往往都只能在MS的相關產品看起來正確, 到了其他環境就變得一團亂. 這部份應該跟HtmlArea無關. 你可以用以下的方法試驗比較一下. 把想要的文章, 從IE上複製後, 直接貼到pLog的HtmlArea上, 再比較先貼到Frontpage後不做任何處理再貼在pLog上, 應該會發現後者的表格往往會一團亂. 我只能建議, 不要用frontpage...frontpage本身的處理, 加了太多奇怪的tag, 也做了太多奇怪的變動了... 我不認為是這樣 ，就以範例中的連結來看，照您說的方法測試，去看source code 除了因為在FrontPage中新增頁面會在head section 中加入他自己的一些meta tag外 兩份文件在source code上，並沒有不同，當然，版面還是一樣亂掉。 也許您可以提供您測試的網址讓小弟也測試看看？ 主題: Re: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: chchang 於 九月 16, 2005, 03:40:18 下午 你前面兩個都包含 引用 <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <title>新增網頁2</title> </head> <body> </body> </html> 會有問題是當然的吧.... 最後面那個就很單純只有<table>的標籤自然就正常了 你的問題跟表格/欄位設定的屬性沒什麼關係....只是多了上面那些code.... 感謝您的回覆 但是即使刪除這段，版面配置依然會亂掉 所以這應該不是問題的原因... 主題: Re: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: markwu 於 九月 16, 2005, 04:34:31 下午 我的作業習慣是先把想保留的文章由IE上直接複製，然後到Frontpage去貼上 跟著修改一些不想保留的banner之類的版面後 複製source code ，到plog 的延伸內文中(文字模式) 我發現，只要是文章內含有 table tag ，就會造成內文版面亂掉 範例：http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=35&blogId=1 同樣的文章，但我手動把table tag 拿掉 http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=36&blogId=1 (http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=36&blogId=1) 後來想想，說不定是table tag後面跟著的那些屬性造成的錯誤，所以我又手動修改了source ,把 < table xxxxxxxxx> 之後的內容都刪掉，只剩下<table> 結果如範例: http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=37&blogId=1 不知道有沒有人碰到一樣的狀況？又這個問題(該說他是bug嗎？) 該如何處理呢？ 你可以作一個小實驗嗎？ 貼一篇新的文章，然後按下 "<>" 換到 source mode，內容如下： 程式碼: <p>test</p> 然後告訴我結果如何？ 通常 layout 會移位， 99% 的原因都是因為你的某些文字超過 CSS 的設定，所以我們要來查，如何避免。 絕對可以避免的方式就是只貼上純文字，然後透過 WYSOWYG 的編輯器再從新編排。這是所有 web application 都一樣的。這並不是 bug，而是這些 HTML editor 沒有那麼聰明。他怎麼知道你的文章是從 word, frontpage 或是小作家、還是筆記本中貼來的。 這是使用者目前必須要自己注意的事。如果真的希望編輯器能幫你顧到面面俱到，那麼還要在等了。 Mark 主題: Re: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: chchang 於 九月 19, 2005, 07:34:23 上午 你可以作一個小實驗嗎？ 貼一篇新的文章，然後按下 "<>" 換到 source mode，內容如下： 程式碼: <p>test</p> 然後告訴我結果如何？ 通常 layout 會移位， 99% 的原因都是因為你的某些文字超過 CSS 的設定，所以我們要來查，如何避免。 絕對可以避免的方式就是只貼上純文字，然後透過 WYSOWYG 的編輯器再從新編排。這是所有 web application 都一樣的。這並不是 bug，而是這些 HTML editor 沒有那麼聰明。他怎麼知道你的文章是從 word, frontpage 或是小作家、還是筆記本中貼來的。 這是使用者目前必須要自己注意的事。如果真的希望編輯器能幫你顧到面面俱到，那麼還要在等了。 Mark 結果如範例： http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=41&blogId=1 我另外測試了一筆有加上屬性的 table 如下： http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=42&blogId=1 所以可以證明並非是table tag 造成的影響 看來應該是如Mark 所言，css 的問題？？ 只是不知是如何影響就是了 @@ 主題: Re: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. 作者: markwu 於 九月 27, 2005, 11:02:01 上午 所以為什麼我一直建議在 web 上的編輯器內，千萬不要直接貼上 word 的文字。因為這些編輯器真的是很笨的。
最好的方式就是貼字純文字，然後在 web 編輯器內重新編輯。 Mark |