2009-07-21 70 views
10

我剛跨過來http://plugins.jquery.com/search/node/editor - 很多很多的選擇 - 如果判斷的日期,許多新的 產品。我希望有人可以幫我縮小根據這些重點領域 ...尋求一個基於jQuery的就地HTML編輯器

  • 穩定性&結構良好的XHTML(可反駁一些最新的,除非它們是帶有明顯的徑跡修訂記錄)
  • 就地編輯
  • 好AJAX集成
  • 內部/管理/ CMS使用情況,以便爲它需要很長,因爲它是很容易實現的基礎知識也可以是臃腫:
    • 大膽
    • 斜體
    • 縮進
    • 名單

無需表,但下拉菜單,顯示培訓相關的CSS選擇器將是很好。

謝謝。

回答

5

縮小您的選項列表:一些更好的基於jQuery的編輯器,適合的至少大部分的所需點似乎是:

6

我知道你正在尋找一個基於jQuery的富文本編輯器。但我會建議的基於原型。它被稱爲WYSIHAT,由37signals團隊開發的一個項目。你可以說它是所見即所得編輯器的框架。你爲什麼選擇這個?簡單,易於定製,格式良好的XHTML和良好的AJAX集成。你有許多其他豐富的文本編輯器,但都不容易定製。我這麼說,因爲編輯提供的「小部件」集合可能會有很大的麻煩,因此您可能會遇到麻煩。如果在任何地方都有不好的代碼,那麼它是一個PITA來糾正由開發人員編寫的糟糕的編碼標準。

因爲你真的不關心龐大我懷疑與jQuery的原型一起會是一個很大的麻煩。如果不是內部/管理/ CMS使用,那麼使用兩者都是不好的選擇。但是既然你的主要目標是「簡單」,所見即所得來解救你。它爲您提供了一個基礎,您可以在其上構建自編的富文本編輯器。

來源:

37Signals: Introducing WYSIHAT. An eventually better open-source WYSIWYG Editor.

如果你在的Ruby-on-Rails的,那麼你是在一種享受發展CMS:

一個WYSIHAT Rails的引擎:

http://www.80beans.com/2009/10/01/wysihat-engine/

http://github.com/80beans/wysihat-engine

WYSIHat教程:

Setting up WysiHAT. A Tutorial. Part 1:

Setting up WysiHAT. A Tutorial. Part 2:

爲WysiHat一種先進的工具欄:

http://github.com/80beans/wysihat-advanced-toolbar

這裏的API文檔:

http://josh.github.com/wysihat/wysihat/wysihat/commands.html

順便說一句.. WYSIHat js文件縮小後只有6kb。 比TinyMCE小1000倍。

+0

thx ...堅持瓦特/ jquery – justSteve 2010-04-18 19:40:08

+0

不過,這是一個不錯的帖子,帕迪...很多很好的信息。 – ewall 2010-04-20 15:45:42

2

我只是想給大家介紹這個要求的一些信息...

結構良好的XHTML

大部分基於JavaScript在線編輯器,以打開一個使用「CONTENTEDITABLE」文件進行編輯。這依賴於瀏覽器基於一系列命令並基於用戶點擊和鍵入來生成所需的HTML或XHTML。

所以你很可能會看到基於瀏覽器的實現方式的變化 - 沒有提及任何名稱,一個瀏覽器會給你所有大寫標籤,一個可能不會正確關閉所有標籤,等等。因此請記住,如果編輯器使用瀏覽器生成(X)HTML,則使用的瀏覽器將影響功能和輸出。