PTT數位生活區 / Web_Design

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

看板Web_Design作者 (橘子汁)時間14年前 (2011/06/20 10:10), 編輯推噓2(2推 0噓 53→)
留言55則, 4人參與, 最新討論串1/1
雖然講衝突有點奇怪~^^" 我想請問的是，使用者在使用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)
→
06/20 10:26, , 1F
The vspace attribute of <img> is deprecated
06/20 10:26, 1F
→
06/20 10:26, , 2F
not supported in HTML 4.01 Strict / XHTML 1.0
06/20 10:26, 2F
→
06/20 10:31, , 3F
可是當我把CSS中的img{margin:0;}取消以後，就有效了呢~
06/20 10:31, 3F
→
06/20 10:32, , 4F
等一下，我翻一下我有沒有誤會，你是說vspace在HTML4本來
06/20 10:32, 4F
→
06/20 10:33, , 5F
就不支援了？我怕我誤會Orz
06/20 10:33, 5F
→
06/20 10:49, , 6F
我猜是不支援的attr優先權比外部css還低..
06/20 10:49, 6F
→
06/20 10:50, , 7F
喔~@_@有可能...
06/20 10:50, 7F
→
06/20 10:50, , 8F
其實我在想這些問題還想到一件事，HTML5廢除了<font>,
06/20 10:50, 8F
→
06/20 10:51, , 9F
那麼舊版的編輯器在指定文字的時候使用<font>的不就很可
06/20 10:51, 9F
→
06/20 10:51, , 10F
能失效
06/20 10:51, 10F
→
06/20 10:51, , 11F
所以我還是覺得拜託工程師改最實際Orz
06/20 10:51, 11F
→
06/20 10:54, , 12F
抱歉 跟有沒有支援沒關係 html attr的優先權就是最低
06/20 10:54, 12F
→
06/20 10:54, , 13F
太久沒用到忘記了..
06/20 10:54, 13F
→
06/20 10:55, , 14F
建議你換Editor，新版本的應該都知道這狀況才對
06/20 10:55, 14F
→
06/20 10:55, , 15F
沒關係^^ 這個我也不太懂 算是長知識了呢
06/20 10:55, 15F
→
06/20 10:56, , 16F
工程師應該不會頭大才對
06/20 10:56, 16F
→
06/20 10:56, , 17F
換Editor就不是我能決定的了..╮(﹋﹏﹌)╭...
06/20 10:56, 17F
→
06/20 10:59, , 18F
有建議換哪個Editor嗎 我只能把可以要換哪一種跟他講(囧)
06/20 10:59, 18F
→
06/20 11:11, , 19F
先謝謝superpai大喔~XD 我之前在做CSS Media Queries也是
06/20 11:11, 19F
→
06/20 11:11, , 20F
參考superpai大的心得文:D
06/20 11:11, 20F
修錯字...順便修掉有點不相關的發言Orz ※ 編輯: oj113068 來自: 60.250.77.208 (06/20 11:24)
→
06/20 11:39, , 21F
我最近都是用TinyMCE，因為wordpress用這款XD
06/20 11:39, 21F
→
06/20 14:06, , 22F
為什麼都是你上來問，而不是工程師上來問XD?
06/20 14:06, 22F
→
06/20 14:17, , 23F
我仔細想了一下，覺得你的問題很難處理，難兩全...
06/20 14:17, 23F
→
06/20 14:31, , 24F
因為工程師...無法解決，我只好自己頭大，他也不會用BBS
06/20 14:31, 24F
→
06/20 14:31, , 25F
吧...唔。我也覺得好頭大 囧>
06/20 14:31, 25F
→
06/20 14:37, , 26F
我先請他換Editor吧，不過我有印象以前是用Tiny，不知道
06/20 14:37, 26F
→
06/20 14:37, , 27F
為什麼換成FCK...
06/20 14:37, 27F
→
06/20 14:44, , 28F
工程師表示：Tiny無法上傳圖片 (昏倒)
06/20 14:44, 28F
→
06/20 15:52, , 29F
可以傳圖阿，只是他的間距也是透過ATTR
06/20 15:52, 29F
→
06/20 15:52, , 30F
不能改善你的問題
06/20 15:52, 30F
→
06/20 15:53, , 31F
Orz...
06/20 15:53, 31F
→
06/20 16:09, , 32F
就用iframe 設定自動高度就好了，只是對搜尋引勤 很不友善
06/20 16:09, 32F
→
06/20 16:35, , 33F
我知道，就是怕SEO...Orz
06/20 16:35, 33F
→
06/20 17:06, , 34F
編輯器幹嘛要seo...?
06/20 17:06, 34F
→
06/20 17:56, , 35F
是整個網站的SEO，不是會有影響嗎？
06/20 17:56, 35F
→
06/20 18:03, , 36F
是有編輯器的那頁 有影響而已
06/20 18:03, 36F
→
06/20 18:03, , 37F
應該說結果頁
06/20 18:03, 37F
→
06/20 18:16, , 38F
如果是例如產品列表，那種很多頁面的，可能會佔網站不小
06/20 18:16, 38F
→
06/20 18:17, , 39F
的份量吧...恩，看規模
06/20 18:17, 39F
推
06/20 20:48, , 40F
用FKC的後繼ckeditor吧 用同一款總該沒問題了
06/20 20:48, 40F
→
06/20 21:08, , 41F
老闆不想花錢囉...............|||
06/20 21:08, 41F
→
06/20 21:19, , 42F
@superpai 這需求已經不是編輯器的問題...
06/20 21:19, 42F
推
06/20 21:19, , 43F
針對editor的區塊 對reset做reset XD
06/20 21:19, 43F
→
06/20 21:20, , 44F
不過我剛看了 下ckeditor已經把多數的ATTR改CSS了
06/20 21:20, 44F
→
06/20 21:22, , 45F
應該可以解決了
06/20 21:22, 45F
→
06/20 21:23, , 46F
只是我個人很討厭ckeditor...
06/20 21:23, 46F
→
06/20 21:37, , 47F
aceone大的提議太囧了啦...Orz
06/20 21:37, 47F
→
06/20 21:38, , 48F
我會再跟老闆提議CKeditor的問題..( ￣艸￣")不過A大
06/20 21:38, 48F
→
06/20 21:39, , 49F
為什麼不喜歡Ckeditor呢？
06/20 21:39, 49F
講到對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)
→
06/20 21:44, , 50F
以前fckediter比較簡潔，後來商業化，什麼都要$
06/20 21:44, 50F
→
06/20 21:46, , 51F
你有把RESET CSS放入fck_editorarea.css 就可以讓他前後台
06/20 21:46, 51F
→
06/20 21:46, , 52F
一樣
06/20 21:46, 52F
→
06/20 21:46, , 53F
只是vspace的問題 還是一樣XD...
06/20 21:46, 53F
→
06/21 11:15, , 54F
Orz 我今天去看了CKeditor的DOME，他的確是CSS的
06/21 11:15, 54F
→
06/21 11:15, , 55F
但是公司一向喜歡用免費的...
06/21 11:15, 55F
‣ 更多 oj113068 的文章
文章代碼(AID): #1D_glu97 (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 oj113068 的文章
文章代碼(AID): #1D_glu97 (Web_Design)