2010-08-16 28 views
1

我創建了一個很棒的jQuery wysiwyg(富編輯編輯器),但它使用「瀏覽器設計模式」來創建html,並用它創建HTML而不是XHTML。很酷的wysiwyg jQuery瀏覽器設計模式的編輯器問題

鏈接:http://premiumsoftware.net/cleditor/

老闆說:

「CLEditor利用了瀏覽器的設計模式功能,並且不產生任何HTML本身當你點擊一個按鈕或彈出式項目,將命令發送到瀏覽器和瀏覽器確定了要插入到文檔中的實際HTML。「

我在網站上的所有代碼(CMS,...)都是XHTML,所以我不能回到HTML。 我想到一個HTML到XHTML轉換器,但這非常難看。在這段時間,我將HTML存儲在數據庫中,並在textarea中接收HTML輸出,而對於網站,我必須將html轉換爲xhtml。這裏是一個很好的光轉換器在PHP的HTML到XHTML?

可以說這些「瀏覽器設計模式」來創建XHTML?

謝謝!

+0

您已聯繫店主? – Tobiasopdenbrouw 2010-08-16 07:34:35

+0

是的。他的回答是: 「僅僅重申一下,CLEditor不會生成HTML或XHTML,它只會向瀏覽器發送 命令,瀏覽器會生成HTML。將HTML 轉換爲XHTML並返回超出了我所嘗試的範圍與 CLEditor實現,它肯定會將CLEditor變成英國媒體報道。 我對CLEditor的第一關注是儘可能減小核心。 – Katsumi 2010-08-16 07:36:26

+0

您是否將包含編輯器的文檔的文檔類型設置爲XHTML文檔類型?例如。 XHTML 1.0 transitional(http://www.w3schools.com/xhtml/xhtml_dtd.asp) – 2010-08-16 07:47:26

回答

2

所見即所得的問題在於,HTML是一種標記語言 - 它不應該包含任何所見的所見即所得編輯器的風格信息,因此與手寫相比,生成的HTML通常質量很差碼。除此之外,獲取富文本編輯器工作跨瀏覽器是非常困難的,因此幾乎所有使用(我認爲)一個相當hackerish方法涉及iframe和一些Javascript的巨型巨型...

我什麼建議您使用所見即所得意思是(所見即所得)編輯器,與SO中使用的wmd + Markdown組合非常相似。這幾乎可以保證創建比所見即所得編輯更高質量的代碼。你可以看看這裏:http://github.com/derobins/wmd


此行

所有的我在網站的代碼(CMS,...)是XHTML,所以我不能回去HTML。

對我來說很不安 - XHTML通常應該是HTML的一個嚴格子集,所以你不應該在返回到HTML時遇到任何問題。

瀏覽器設計模式是指即將在HTML5中引入的新/舊規範之一。見

http://dev.opera.com/articles/view/rich-html-editing-in-the-browser-part-1/
http://blog.whatwg.org/the-road-to-html-5-contenteditable

以獲取更多信息。它沒有什麼開創性的 - 生成的代碼就像垃圾一樣。

+1

@「這條線」 - 問題是,我使用的所有插件和模塊都是XHTML,並創建輸出,如
等。所以我必須重寫每個人和更新,我必須一次又一次地做到這一點。編輯 對我來說不是一個真正的替代品,我不喜歡減價,對於普通用戶來說,它的複雜性,這是我的個人意見 – Katsumi 2010-08-16 08:59:47

0

它總是一樣的。

您可以選擇使用一個非常簡單的編輯器,該編輯器僅使用瀏覽器的contentEditable功能,並且僅限於每個瀏覽器提供的行爲,或者您可以使用更復雜的編輯器來處理統一輸出,控制哪種類型的標記生成,等等...

+0

我不這麼認爲,有一些小的編輯器可以像Tinyeditor一樣使用html和xhtml模式8.8KB )沒有javascript框架 – Katsumi 2010-08-16 10:17:42

+0

OK,然後使用它,或者它缺少那些8.8KB的某些功能? – AlfonsoML 2010-08-16 14:12:32