Textarea contenteditable

Je suis en train de faire un textarea contenu modifiable et je suis faute de. Je suis l'aide de ce code: 

<textarea id='' class='' name='notes' rows='12' cols='67' contenteditable='true' ></textarea>

Je suis dans l'attente d'un résultat comme http://html5demos.com/contenteditable

Quelqu'un a une idée de pourquoi ça ne fonctionne pas?

Edit:

Je le fais parce que je suis en train de faire un oneliner pour ajouter un contrôle dans un formulaire (HTML) mis en forme le contenu peut être collé et de conserver sa mise en forme. Je suis en train de le faire, sans chichi et sans code javascript. Il apparaît que ce n'est pas possible. Je vais fermer cette question dans un jour si pas de nouvelle entrée au contraire est ajouté.

OriginalL'auteur Antony Carthy | 2009-10-14

  1. 3

    Avez-vous mis le bon doctype en haut de votre page? Pour HTML5, vous avez besoin de le doctype suivante:

    <!DOCTYPE html>

    Aussi, pourquoi un textarea? ces zones de texte sont déjà modifiable.

    Comme sur Ben post, je m'attendais à un WYSIWYG où l'on peut coller le texte en gras etc et de conserver la mise en forme . La raison pour cela est que j'ai besoin de l'afficher dans un formulaire de soumission après il a été édité.
    Le formulaire ne sera pas soumettre la mise en forme. Au lieu de la mettre dans un div et de l'utilisation onSumbit de lire le innerHTML de la div.
    Merci Marius. J'espérais à l'EMBRASSER, mais il nous continuons.

    OriginalL'auteur Marius

  2. 1

    Ils ne sont pas à l'aide d'un textarea, ces zones de texte sont déjà modifiable. C'est ce qu'ils sont à l'aide de

    <section contenteditable="true" id="editable">
    <h2>Go ahead, edit away!</h2>
    <p>Here's a typical paragraph element</p>
    <ol>
      <li>and now a list</li>
      <li>with only</li>
      <li>three items</li>
    </ol>
  </section>
    Je m'attendais à un WYSIWYG où l'on peut coller le texte en gras etc. La raison pour cela est que j'ai besoin de l'afficher dans un formulaire de soumission après il a été édité.
    J'ai besoin de quelque chose comme cela. J'ai vu certaines personnes à l'écriture de son contenu dans un champ caché, mais vous auriez à faire cette mise à jour chaque fois que vous apportez une modification ou d'exécuter execCommand
    Mais la section ou d'autres objets semblables ne prend pas en charge les fonctions natives comme espace réservé, requis, etc. Le textarea canot de soutien pour le contenu éditable au format html.

    OriginalL'auteur Ben Shelock

  3. 1

    Je ne veux pas répéter quoi que ce soit, mais j'ai mis en place une démo qui montre ce qui se passe.

    http://gist.github.com/210327

    Il suffit d'exécuter, de modifier ce que vous souhaitez et cliquez sur "Sortie le Contenu mis en forme de" déclaration de recevoir un message d'alerte avec une sortie de la réelle au format html contenu dans le contenteditable élément. Comme pour l'ajout de mise en forme, etc, vous aurez besoin de faire des boutons qui appellent un texte-modification de la fonction sur tout ce qui est mis en évidence. Oui, cette partie sera amusant.

    Néanmoins, j'espère que cette aide.

    +1 pour l'effort, mais ce n'est pas tout à fait ce dont j'avais besoin... parce que je pense que ce dont j'avais besoin n'est pas possible.

    OriginalL'auteur slant

  4. 0

    Donné votre commentaire réponses, je vous recommande tout de l'excellent éditeur WYSIWYG. Pas besoin de re-inventer la roue, et je ne pense pas que contenteditable de ne pas avoir répondu à vos besoins de toute façon.

    Mon favori personnel est CKEditor, mais il y a beaucoup, beaucoup d'autres. De TinyMCE est également très populaire.

    Je m'attendais à un oneliner pour résoudre mes problèmes (juste besoin d'une simple zone de texte qui pourrait contenir du texte formaté), mais ce n'est apparemment pas sur les cartes. Merci pour la suggestion.

    OriginalL'auteur anschauung