7

Ho sentito che il nuovo HTML5 aggiungerà funzionalità di testo avanzato a textareas (renderà più flessibili), quindi puoi fare cose come la sintassi del codice evidenziando gli editor senza javascript molto brutto (come la creazione di iframe e cose).HTML5 rich text nell'area di testo

È vero? Ci sono ancora browser con supporto? E dove posso trovare alcune API?

+0

Non ho una mandria di testo ricco all'interno delle aree di testo (ma non l'ho neanche visto), ma potresti voler esaminare l'attributo 'contenteditable'. – Petah

risposta

3

Dove l'hai sentito? Guardando allo W3Schools > HTML5 > textarea Non riesco a vedere nulla che suggerisca che questo è vero.

Edit: aggiunto più collegamenti a causa di commenti di persone che non amano w3schools

Anche tho è essenzialmente la stessa cosa, a questo punto, ecco il link per w3.org per wiki textarea, così come il spec per textarea. Inoltre, ecco il documento con differences di html 4 e 5 a partire dal 29 marzo 2012

+7

http://www.w3fools.com – AlienWebguy

+0

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

+2

@MilkyWayJoe Il modo in cui w3schools presenta le sue informazioni è altrettanto detestabile. Un collegamento alle specifiche effettive e informazioni non ufficiali sarebbe stato migliore. – Snuffleupagus

3

Credo che ci si riferisca al nuovo attributo contentEditable. Questa non è una textarea, ma piuttosto un attributo element. Questo è utile per consentire modifiche al contenuto.

Prova http://html5demos.com/contenteditable

Si noti che il browser probabilmente non ti dà la barra degli strumenti con il grassetto, il corsivo, ecc Eppure Chrome vi permetterà di selezionare il testo e utilizzare il CTR-B, CTR-I, etc. Le cose sono ancora stanco di questo.

Fondamentalmente, è un work in progress e la soluzione migliore per la compatibilità del browser è l'utilizzo di un editer wysiwyg come tinymce et al.

+1

sembra essere supportato da tutti i browser incluso il vecchio IE, quindi questo non è una funzionalità HTML5. Un bell'articolo: http://html5doctor.com/the-contenteditable-attribute/ Molti anni fanno HTML e non ne sapevo l'esistenza .... :( – cancerbero

+0

Wow, sono altrettanto sorpreso quanto te. mi ha fatto guardare nella sua storia: http://blog.whatwg.org/the-road-to-html-5-contenteditable –

5

Stai cercando Aloha Editor?

Sta utilizzando il nuovo attributo contenteditable per aggiungere un editor WYSIWYG a qualsiasi div da voi scelto.

Vedere demos.

+0

Questo sembra così buono :) – MilkyWayJoe

+0

wow, editor incredibile: D la barra degli strumenti manca un sacco di roba ma sembra molto promettente – Alex

+0

Bene, puoi [contribuire] (http://aloha-editor.org/join_us.php) :-) –

3

Se dove cercando (come me) è NO-jQuery strumenti (puro HTML/CSS + JS di base), quindi alcune delle migliori opzioni che ho trovato sono:

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

Tuttavia, tho se nella lista sopra tutti convertiamo l'elemento (textarea) in un iframe, quindi non erano esattamente quello che stavo cercando, finalmente ho trovato questo che rispetta l'elemento originale (div o così, ma se usi textarea lo fa crea un div aggiuntivo), consentendo la piena semplice lo sviluppo di applicazioni JS:

  1. nicedit

Spero che questo ti aiuta anche!

Problemi correlati