7

我聽說新的HTML5會爲textareas添加豐富的文本功能(這會使它們更加靈活),因此您可以在沒有非常討厭的JavaScript的情況下執行代碼語法高亮編輯器等內容(例如創建iframe和東東)。textarea中的HTML5豐富文本

這是真的嗎?有沒有支持它的瀏覽器呢?我在哪裏可以找到一些API?

+0

我沒有在文本區域內的富文本羣(但我沒有看過),但你可能想看看'contenteditable'屬性。 – Petah

回答

3

你從哪裏聽說過? 看着W3Schools > HTML5 > textarea我看不到任何暗示這是真的。

編輯:增加了更多的鏈接由於誰不喜歡W3Schools的

即使壽它本質上是在這一點上同樣的事情的人的意見,這裏的鏈接W3.org網站爲wiki textarea的,還有spec爲textarea。另外,這裏是differences html 4和2012年3月29日的文檔

+7

http://www.w3fools.com – AlienWebguy

+0

http://aspektas.com/blog/w3fools-a-foolish-attack-on-w3schoolscom/ – MilkyWayJoe

+2

@MilkyWayJoe w3schools呈現其信息的方式同樣可惡。鏈接到實際的規格而不是非官方的信息會更好。 – Snuffleupagus

3

我相信你所指的是新的contentEditable屬性。這不是一個textarea,而是一個元素屬性。這對允許更改內容很有用。

嘗試http://html5demos.com/contenteditable

請注意,您的瀏覽器可能不給你大膽的工具欄,斜體,等等。但是鉻會讓你選擇文本並使用CTR-B,CTR-I,等事情仍然被解決這個問題。

基本上,這是一個正在進行的工作,你最好的選擇是瀏覽器的兼容性,使用像錫吉斯等人的wysiwyg編輯器。

+1

contenteditable屬性似乎是由所有瀏覽器,包括舊IE支持,所以這不是HTML5功能。一篇不錯的文章:http://html5doctor.com/the-contenteditable-attribute/多年來在做HTML,我不知道它的存在.... :( – cancerbero

+0

哇,我只是一樣驚訝,因爲你。讓我看看它的歷史:http://blog.whatwg.org/the-road-to-html-5-contenteditable –

5

您是否在尋找Aloha Editor

它使用新的contenteditable屬性將WYSIWYG編輯器添加到您選擇的任何div。請致電demos

+0

這看起來soooooooo好:) – MilkyWayJoe

+0

哇,驚人的編輯:D工具欄是缺少了很多東西但它看起來很有希望 – Alex

+0

那麼,你可以[貢獻](http://aloha-editor.org/join_us.php):-) –

3

如果您要尋找的(和我一樣)是NO-jQuery的工具(純HTML/CSS +基本JS),那麼一些我找到了最好的選擇是:

  1. wysihtml5
  2. Squire
  3. ckeditor
  4. widgEditor

不過,壽上面列表中的se將元素(textarea)轉換爲iframe,所以它們並不完全是我正在尋找的,最後我發現這個尊重原始元素的東西(divs或者如此,但是如果你使用textarea,它會創建一個額外的div),讓滿簡單的JS應用開發:

  1. nicedit

希望這有助於你呢!