HTML5 rich-text all'interno di textarea

Ho sentito che il nuovo HTML5 aggiungerà la capacità di text ricco a textareas (renderli più flessibili), in modo da poter fare roba come editor di evidenziazione della syntax di codice senza javascript molto brutto (come creazione di iframes e roba).

È vero? Ci sono ancora browser con supporto? E where posso trovare qualche API?

Stai cercando l' Aloha Editor ?

Sta utilizzando il nuovo attributo contenteditable per aggiungere un editor WYSIWYG a qualsiasi div scegli.

Guarda le demo .

Dove l'hai sentito? Guardando W3Schools> HTML5> textarea non riesco a vedere qualcosa che suggerisca che questo sia vero.

Modifica : aggiunto altri collegamenti a causa di commenti di persone che non amano le scuole w3schools

Anche questo è essenzialmente la stessa cosa a questo punto, ecco il link a w3.org per wiki textarea, così come le specifiche per textarea. Inoltre, ecco il documento con differenze di html 4 e 5 del 29 marzo 2012

Credo che cosa si sta riferendo è il nuovo attributo contentEditable. Questa non è una textarea, ma piuttosto un attributo di elemento. Questo è utile per consentire modifiche al contenuto.

Prova http://html5demos.com/contenteditable

Notare che il browser probabilmente non ti dà la barra degli strumenti con grassetto, corsivo, ecc. Tuttavia, il cromo ti consente di select il text e utilizzare CTR-B, CTR-I, ecc. Le cose stanno ancora stendendo con questo.

Fondamentalmente, è un lavoro in corso e la tua scommessa migliore per la compatibilità con il browser sta utilizzando un editor wysiwyg come tinymce et al.

Se quello che cercavi (lo stesso di me) è strumenti NO-jquery (puro HTML / CSS + JS di base), alcune delle migliori opzioni che ho trovato sono:

  1. wysihtml5
  2. possidente
  3. CKEditor
  4. widgEditor

Tuttavia, quelli nell'elenco sopra tutti convertono l'elemento (textarea) in un iframe, quindi non erano esattamente quello che cercavo, finalmente ho trovato questo che rispetta l'elemento originale (divs o così, ma se usi l'area textarea crea un ulteriore div), consentendo lo sviluppo completo di JS applet:

  1. nicedit

Spero che questo ti aiuti troppo!