歡迎光臨, 訪客. 請先 登入 或 註冊一個帳號.
五月 06, 2024, 06:23:59 下午
 19595 文章 在 3865 主題 由 4580 會員
最新註冊會員: aa123aa1
LifeType 中文開發論壇  |  支援  |  安裝與設定  |  plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. « 上篇主題 下篇主題 »
頁: [1]
作者 主題: plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉..  (閱讀 18374 次)
chchang
新手見習
*
文章: 13


檢視個人資料 個人網站
« 於: 九月 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
後來想想，說不定是table tag後面跟著的那些屬性造成的錯誤，所以我又手動修改了source ,把 < table xxxxxxxxx> 之後的內容都刪掉，只剩下<table>
結果如範例: http://blog.pic.com.tw/plog/index.php?op=ViewArticle&articleId=37&blogId=1

不知道有沒有人碰到一樣的狀況？又這個問題(該說他是bug嗎？) 該如何處理呢？
已記錄
我的plog: http://blog.pic.com.tw
OS: Fedora Core 3
Web Server: Apache 2.0
PHP: php 4.3.9
MySQL:
plog: 1.0.1
繼續努力學習中...
minstrel
二十四橋明月夜
總版主
一般會員
*****
文章: 106



檢視個人資料 個人網站
« 回覆文章 #1 於: 九月 16, 2005, 02:51:37 下午 »
就我自己所知道的經驗, office系列(Word與Frontpage)所處理過的html tag, 尤其是 table, 會變得很奇怪, 往往都只能在MS的相關產品看起來正確, 到了其他環境就變得一團亂.

這部份應該跟HtmlArea無關. 你可以用以下的方法試驗比較一下.

把想要的文章, 從IE上複製後, 直接貼到pLog的HtmlArea上, 再比較先貼到Frontpage後不做任何處理再貼在pLog上, 應該會發現後者的表格往往會一團亂.

我只能建議, 不要用frontpage...frontpage本身的處理, 加了太多奇怪的tag, 也做了太多奇怪的變動了...
已記錄
所謂思念
有時只是單純的等待
坐看世界如何一點一點將自己遺忘
月色染白了髮
LiP
新手見習
*
文章: 43


MyZephyr


檢視個人資料 個人網站
« 回覆文章 #2 於: 九月 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....
已記錄
:: ■PowerOS無限誌 :: ■激走無限 ::
FreeBSD - 6.1
Apache - 2.0.59
PHP - 4.4.4
MySQL - 4.0.27
chchang
新手見習
*
文章: 13


檢視個人資料 個人網站
« 回覆文章 #3 於: 九月 16, 2005, 03:13:57 下午 »
引用自: minstrel 於 九月 16, 2005, 02:51:37 下午
就我自己所知道的經驗, 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上，並沒有不同，當然，版面還是一樣亂掉。
也許您可以提供您測試的網址讓小弟也測試看看？
已記錄
我的plog: http://blog.pic.com.tw
OS: Fedora Core 3
Web Server: Apache 2.0
PHP: php 4.3.9
MySQL:
plog: 1.0.1
繼續努力學習中...
chchang
新手見習
*
文章: 13


檢視個人資料 個人網站
« 回覆文章 #4 於: 九月 16, 2005, 03:40:18 下午 »
引用自: 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....



感謝您的回覆
但是即使刪除這段，版面配置依然會亂掉
所以這應該不是問題的原因...
已記錄
我的plog: http://blog.pic.com.tw
OS: Fedora Core 3
Web Server: Apache 2.0
PHP: php 4.3.9
MySQL:
plog: 1.0.1
繼續努力學習中...
markwu
系統管理員
超級會員
*****
文章: 3928


Mark Wu


檢視個人資料 個人網站
« 回覆文章 #5 於: 九月 16, 2005, 04:34:31 下午 »
引用自: 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
後來想想，說不定是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>
<table>
<tr>
<td>
欄位一
</td>
<td>
欄位二
</td>
</tr>
</table>

然後告訴我結果如何？

通常 layout 會移位， 99% 的原因都是因為你的某些文字超過 CSS 的設定，所以我們要來查，如何避免。

絕對可以避免的方式就是只貼上純文字，然後透過  WYSOWYG 的編輯器再從新編排。這是所有 web application 都一樣的。這並不是 bug，而是這些 HTML editor 沒有那麼聰明。他怎麼知道你的文章是從 word, frontpage 或是小作家、還是筆記本中貼來的。

這是使用者目前必須要自己注意的事。如果真的希望編輯器能幫你顧到面面俱到，那麼還要在等了。

Mark
« 最後編輯時間: 九月 16, 2005, 04:43:53 下午 由 markwu » 已記錄
問問題前，麻煩請先參考 LifeType 中文文件計畫 與 如何在 LifeType 中文開發論壇發問。
chchang
新手見習
*
文章: 13


檢視個人資料 個人網站
« 回覆文章 #6 於: 九月 19, 2005, 07:34:23 上午 »
引用自: markwu 於 九月 16, 2005, 04:34:31 下午

你可以作一個小實驗嗎？

貼一篇新的文章，然後按下 "<>" 換到 source mode，內容如下：

程式碼:
<p>test</p>
<table>
<tr>
<td>
欄位一
</td>
<td>
欄位二
</td>
</tr>
</table>

然後告訴我結果如何？

通常 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 的問題？？
只是不知是如何影響就是了 @@
已記錄
我的plog: http://blog.pic.com.tw
OS: Fedora Core 3
Web Server: Apache 2.0
PHP: php 4.3.9
MySQL:
plog: 1.0.1
繼續努力學習中...
markwu
系統管理員
超級會員
*****
文章: 3928


Mark Wu


檢視個人資料 個人網站
« 回覆文章 #7 於: 九月 27, 2005, 11:02:01 上午 »
所以為什麼我一直建議在 web 上的編輯器內，千萬不要直接貼上 word 的文字。因為這些編輯器真的是很笨的。

最好的方式就是貼字純文字，然後在 web 編輯器內重新編輯。

Mark
已記錄
問問題前，麻煩請先參考 LifeType 中文文件計畫 與 如何在 LifeType 中文開發論壇發問。
頁: [1]
LifeType 中文開發論壇  |  支援  |  安裝與設定  |  plog 的文章內文HTML Source code 若含有table tag ，會造成版面亂掉.. « 上篇主題 下篇主題 »
    前往:  


    Powered by MySQL Powered by PHP Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC Valid XHTML 1.0! Valid CSS!