[問題] (FCK)editor和CSS rest的衝突問題

[oj113068 (橘子汁)]

雖然講衝突有點奇怪~^^"

我想請問的是，使用者在使用Editor的時候，例如圖片留白

Editor會幫圖片加上 vspace="10" hspace="10"

但是由於我做了CSS rest  img{margin:0px;}

所以編輯完成後，圖片就沒顯示留白，所以是CSS指定的外觀，優先權比HTML高嗎？

即使HTML是寫在標籤內？

當然如果只有img標籤的留白問題，那還很好解決

但是類似的問題除了margin還有border 、align，應該還有我沒找到的吧Orz，這些屬性

不只在於圖片編輯，還有表格，或如果使用者做更複雜的編輯呢？

我當然可以修改Reset，把外框、對齊、留白等都拿掉，可是這樣外觀就有跨瀏覽器變

形的風險，對一個四五十頁的網頁來講，為了其中兩三頁修改rest，再針對其他區塊增

加很多css感覺不符合成本~"~ 而且治標不治本的感覺

所以我想請教各位有沒有碰過這種問題，都是用甚麼方式解決的呢？

我有去看自己部落格(天空)的網頁，發現他似乎沒有做Reset...(吃驚)

我想到的方法是

1.土法煉鋼，就修改reset吧。←我是覺得小的網站可以這樣處理，大的網站就...

2.請工程師修改Editor，讓Editor產生的code是CSS而不是Html←我覺得這比較治本
                                                         但是工程師好像很頭大

3.用Frame，不讓Editor的範圍吃到reset←這感覺是挖東牆補西牆 = =...


感覺我好像有些盲點Orz，或是各位有甚麼好建議？

謝謝大家~^^"


--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.250.77.208
※ 編輯: oj113068        來自: 60.250.77.208        (06/20 10:15)
→ superpai:The vspace attribute of <img> is deprecated
→ superpai:not supported in HTML 4.01 Strict / XHTML 1.0
→ oj113068:可是當我把CSS中的img{margin:0;}取消以後，就有效了呢~
→ oj113068:等一下，我翻一下我有沒有誤會，你是說vspace在HTML4本來
→ oj113068:就不支援了？我怕我誤會Orz
→ superpai:我猜是不支援的attr優先權比外部css還低..
→ oj113068:喔~@_@有可能...
→ oj113068:其實我在想這些問題還想到一件事，HTML5廢除了<font>,
→ oj113068:那麼舊版的編輯器在指定文字的時候使用<font>的不就很可
→ oj113068:能失效
→ oj113068:所以我還是覺得拜託工程師改最實際Orz
→ superpai:抱歉 跟有沒有支援沒關係 html attr的優先權就是最低
→ superpai:太久沒用到忘記了..
→ superpai:建議你換Editor，新版本的應該都知道這狀況才對
→ oj113068:沒關係^^ 這個我也不太懂 算是長知識了呢
→ superpai:工程師應該不會頭大才對
→ oj113068:換Editor就不是我能決定的了..╮(﹋﹏﹌)╭...
→ oj113068:有建議換哪個Editor嗎 我只能把可以要換哪一種跟他講(囧)
→ oj113068:先謝謝superpai大喔~XD 我之前在做CSS Media Queries也是
→ oj113068:參考superpai大的心得文:D
修錯字...順便修掉有點不相關的發言Orz
※ 編輯: oj113068        來自: 60.250.77.208        (06/20 11:24)
→ superpai:我最近都是用TinyMCE，因為wordpress用這款XD
→ arrack:為什麼都是你上來問，而不是工程師上來問XD?
→ arrack:我仔細想了一下，覺得你的問題很難處理，難兩全...
→ oj113068:因為工程師...無法解決，我只好自己頭大，他也不會用BBS
→ oj113068:吧...唔。我也覺得好頭大 囧>
→ oj113068:我先請他換Editor吧，不過我有印象以前是用Tiny，不知道
→ oj113068:為什麼換成FCK...
→ oj113068:工程師表示：Tiny無法上傳圖片                   (昏倒)
→ arrack:可以傳圖阿，只是他的間距也是透過ATTR
→ arrack:不能改善你的問題
→ oj113068:Orz...
→ arrack:就用iframe 設定自動高度就好了，只是對搜尋引勤 很不友善
→ oj113068:我知道，就是怕SEO...Orz
→ superpai:編輯器幹嘛要seo...?
→ oj113068:是整個網站的SEO，不是會有影響嗎？
→ arrack:是有編輯器的那頁 有影響而已
→ arrack:應該說結果頁
→ oj113068:如果是例如產品列表，那種很多頁面的，可能會佔網站不小
→ oj113068:的份量吧...恩，看規模
推 superpai:用FKC的後繼ckeditor吧 用同一款總該沒問題了
→ oj113068:老闆不想花錢囉...............|||
→ arrack:@superpai 這需求已經不是編輯器的問題...
推 aceone:針對editor的區塊 對reset做reset XD
→ arrack:不過我剛看了 下ckeditor已經把多數的ATTR改CSS了
→ arrack:應該可以解決了
→ arrack:只是我個人很討厭ckeditor...
→ oj113068:aceone大的提議太囧了啦...Orz
→ oj113068:我會再跟老闆提議CKeditor的問題..( ￣艸￣")不過A大
→ oj113068:為什麼不喜歡Ckeditor呢？
講到對reset做reset...我想到一件事

假設我已經針對CSS的屬性寫了值

例如 img{margin:0px;}

那麼即使之後再寫例如

#editor img{margin:auto;}

基本上也並不會讓他回到預設狀態，好像是繼承上層物件(有點不確定...)

所以<img>還是body的margin:0px;

但如果是

#editor img{margin:5px;}

有明確的指定值，#editor中的<img>就呈現margin:5px了


如果不是這樣，也許真的可以針對editor的內容做一些復位的復位XDD




※ 編輯: oj113068        來自: 112.105.188.85       (06/20 21:44)
→ arrack:以前fckediter比較簡潔，後來商業化，什麼都要$
→ arrack:你有把RESET CSS放入fck_editorarea.css 就可以讓他前後台
→ arrack:一樣
→ arrack:只是vspace的問題 還是一樣XD...
→ oj113068:Orz 我今天去看了CKeditor的DOME，他的確是CSS的
→ oj113068:但是公司一向喜歡用免費的...