WYSIWYG,也就是「所見即所得」,不過我要講的是 Browser 裡常用的所見即所得的編輯模式。
感想:這東西能不碰就不要碰,基本上是個大地雷。如果打算要支援 1% 以上市佔率的瀏覽器,那麼就包括了 IE6/IE7/Firefox2/Firefox3/Safari/Chrome,每個都是地雷密佈。如果真的要碰,找個 JavaScript 強者,學 Blogger 弄一個超簡單的版本吧,避免支援一堆特殊效果... (絕對會因為 browser 的「特性」而死人)
然後儘量加強傳統模式 (non-WYSIWYG),像是 JS Quicktags 這種編輯器,因為這種編輯器的後遺症少很多,少一些使用者用 WYSIWYG editor,就可以少一些人抱怨。
這是這幾天看 TinyMCE forum 的感想。
所以我對巴哈姆特的編輯介面感到很驚訝XD
記得碩一的時候,第一個php就是寫公告系統。
一開始只有純文字,後來系辦小姐要求要"可以直接把MS WORD的文件貼上"。於是我用了幾個WYSIWYG的Editor,結果...就是被哭餓到爆炸。為什麼這樣不行,為什麼這樣排版會亂掉?.....balabala。真是一場惡夢。
加一個tidy backend不就好了(誤
to 南宮博士 :
巴哈姆特用的是 FCKEditor,不用太吃驚吧…
不過在XSS的過濾,巴哈姆特已處理的不錯了
--
WYSIWYG Editor 在不同的平台上 有不同的處裡方法 這就算了
連生出來的CODE 每家都不一樣,光統一這些CODE就很煩
REGEXP 不知道要寫多少,腦筋不曉得要死多少
說真的,開發 WYSIWYG Editor 需要 "一群" SCRIPT 強者來做會比較好,單打獨鬥真的很累
基本上,如果要讓那個WYSIWYG破功,很簡單,在CSS裡面設定
* {} 的樣式值就可以了。
這裡我不多說設哪些,想瞭解的人自己實驗看看。
另外這招也會影響tag型的編輯器,所以不要亂搞CSS才是上策~