HTML5 riche de texte à l'intérieur textarea

J'ai entendu dire que le nouveau HTML5 va ajouter de texte enrichi capacité de ces zones de texte (il va les rendre plus souples), de sorte que vous pouvez faire des choses comme le code de la syntaxe des éditeurs sans très méchant javascript (comme la création des iframes et des trucs).

Est-ce vrai? Existe-il des navigateurs avec support-il encore? Et où puis-je trouver des API?

Je n'ai pas le troupeau de texte enrichi à l'intérieur des zones de texte (mais je n'ai pas regardé non plus), mais vous voudrez peut-être regarder dans le contenteditable attribut.

OriginalL'auteur Alex | 2012-05-01

  1. 5

    Vous êtes à la recherche pour Aloha Éditeur?

    C'est à l'aide de la nouvelle contenteditable d'ajouter un attribut pour un éditeur WYSIWYG pour toute div que vous choisissez.

    Regarder la les démos.

    Cela ressemble tellement bon 🙂
    wow, incroyable éditeur 😀 la barre d'outils, il manque beaucoup de choses, mais il a l'air très prometteur
    Eh bien, vous pouvez contribuer 🙂
    Qui a l'air très intéressant. Mon essai a tourné certains de vrais pros et les cons des autres wysiwyg, mais je me demandais quels sont les navigateurs qu'ils visent? Je ne pouvais pas trouver de prise en charge du navigateur de l'information n'importe où.
    contenteditable n'est pas nouveau. Il existe depuis 2000 dans IE et que designMode dans Mozilla/Firefox depuis 2003.

    OriginalL'auteur Florian Margaine

  2. 5

    PAS - jQuery

    Si ce que vous où chercher (comme moi) N'est-jquery tools (pur HTML/CSS + JS de base), puis quelques-unes des meilleures options que j'ai trouvé sont:

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

    Néanmoins, ceux de la liste ci-dessus tous convertir l'élément (textarea) dans une iframe, donc ils n'étaient pas exactement ce que je cherchais, j'ai enfin trouvé ce qui respecte l'élément d'origine (divs, mais si vous utilisez textarea, il ne donne un div), permettant une simple JS développement d'une application:

    1. nicedit

    Espère que cela vous aide aussi!

    OriginalL'auteur DavidTaubmann

  3. 3

    Je crois que vous faites référence à est le nouvel attribut contentEditable. Ce n'est pas un textarea, mais plutôt un attribut d'élément. C'est bon pour la modification de son contenu.

    Essayer http://html5demos.com/contenteditable

    Remarquez que votre navigateur ne vous donne pas la barre d'outils avec le gras, l'italique, etc. Pourtant, chrome va vous permettre de sélectionner le texte et les utiliser CTR-B, CTR-I, etc. Les choses sont encore aplanies avec cette.

    En gros, c'est un travail en cours, votre meilleur pari pour le navigateur de compatibilité est à l'aide d'un wysiwyg editer comme tinymce et coll.

    l'attribut contenteditable semble être pris en charge par tous les navigateurs, y compris les vieux IE, donc ce n'est pas une fonctionnalité de HTML5. Un bel article: html5doctor.com/the-contenteditable-attribute de Nombreuses années à faire en HTML et je n'ai pas su son existence.... 🙁
    Wow, je suis tout aussi surpris que vous. Tu m'a l'air dans son histoire: blog.whatwg.org/the-road-to-html-5-contenteditable

    OriginalL'auteur Daniel Moses

  4. 2

    Où avez-vous entendu parler?
    En regardant W3Schools > HTML5 > textarea je ne vois rien qui laisse deviner que c'est vrai.

    Modifier: ajout de liens en raison de commentaires de gens qui n'aiment pas w3schools

    Même tho c'est essentiellement la même chose à ce moment, voici le lien vers w3.org pour wiki textarea, ainsi que la spec pour les textarea. Aussi, voici le document avec les différences de html 4 et 5 du 29 mars 2012

    w3fools.com
    aspektas.com/blog/w3fools-a-foolish-attack-on-w3schoolscom
    La façon w3schools présente ses informations est tout aussi détestable. Un lien à la réalité de la spécification et de la non information non officielle aurait été mieux.
    Ya @MilkyWayJoe j'ai vu, écrit par un W3Schools mod. w3Schools est pas affiliés avec le W3C, mais en aucune façon qu'ils présentent eux-mêmes comme ils s'ils l'étaient. Essayez MDN pour de futures références, comme celle-ci: developer.mozilla.org/en/HTML/Element/textarea
    Je vais garder cela à l'esprit

    OriginalL'auteur MilkyWayJoe