HTML5-rich-text in textarea

Hörte ich, dass die neuen HTML5-fügen Sie rich-text Fähigkeit, Texteingabefelder (es wird machen Sie mehr flexibel), so dass Sie tun können, Dinge wie code-syntax-highlighting-Editoren ohne sehr böse javascript (wie das erstellen von iframes und ähnliches).

Ist das wahr? Gibt es Browser mit support für Sie noch nicht? Und wo finde ich die API?

  • Ich habe keine Herde von rich-text in den text-Bereiche (aber ich habe nicht geschaut, entweder), aber möchten Sie vielleicht einen Blick in die contenteditable Attribut.
InformationsquelleAutor Alex | 2012-05-01
  1. 5

    Sind Sie auf der Suche nach Aloha Editor?

    Ist es mit dem neuen contenteditable - Attribut hinzufügen, um einen WYSIWYG-editor, um alle div, die Sie wählen.

    Blick auf die demos.

    • Das sieht soooooooo gut aus 🙂
    • wow, erstaunlich-editor 😀 der Symbolleiste fehlen eine Menge Sachen, aber es sieht sehr vielversprechend aus
    • Naja, man kann Beitrag 🙂
    • Das sieht sehr interessant aus. Mein Test hat sich einige echte Profis und cons von anderen wysiwyg, aber ich Frage mich welche Browser Sie abzielen? Ich konnte nicht finden, dass browser-support-Informationen überall.
    • github.com/alohaeditor/Aloha-Editor/wiki/Browser-Support ich hatte zu Graben, um diesen link tho 🙂
    • contenteditable ist nicht neu. Es existiert seit 2000 im IE und als designMode im Mozilla/Firefox seit 2003.
    • Aloha Editor ist tot!

    InformationsquelleAutor Florian Margaine
  2. 5

    NO - jQuery

    Wenn das, was Sie gesucht haben (so wie mir) NICHT-jquery-tools (reines HTML/CSS + basic JS), dann sind einige der besten Möglichkeiten, die ich gefunden habe sind:

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

    Dennoch, die in der Liste oben alle konvertieren element (textarea) in einen iframe, so dass Sie nicht genau das, was ich suchte, schließlich fand ich diese ein, welche respektiert das ursprüngliche element (divs oder so, aber wenn Sie textarea-es nicht schafft ein zusätzliches div), so dass die volle einfache JS-app-Entwicklung:

    1. nicedit

    Hoffe, das hilft dir auch!

    InformationsquelleAutor DavidTaubmann
  3. 3

    Ich glaube was du meinst ist der neue contentEditable-Attribut. Dies ist nicht eine textarea, sondern ein element-Attribut. Das ist gut für die Möglichkeit, änderungen an Inhalten.

    Versuchen http://html5demos.com/contenteditable

    Bemerken, dass Ihr browser wahrscheinlich nicht geben Ihnen die toolbar mit Fett, Kursiv, etc. Doch chrome können Sie wählen Sie text, und verwenden Sie STRG-B, STRG-I, etc. Die Dinge sind immer noch nicht gebügelt, mit diesem.

    Grundsätzlich, es ist ein work in progress, und Ihre beste Wette für die browser-Kompatibilität ist ein wysiwyg editer wie tinymce et al.

    InformationsquelleAutor Daniel Moses
  4. 2

    Wo haben Sie das gehört?
    Blick auf W3Schools > HTML5 > textarea ich kann nichts sehen, das andeutet, das ist wahr.

    Bearbeiten: Hinzugefügt mehr links durch Kommentare von Leuten, die nicht mögen, w3schools

    Sogar tho es ist im wesentlichen die gleiche Sache an dieser Stelle, hier ist der link zu w3.org für wiki textarea, sowie die spec für die textarea. Auch hier ist das Dokument mit Unterschiede von html 4 und 5, März 29, 2012

    • w3fools.com
    • aspektas.com/blog/w3fools-a-foolish-attack-on-w3schoolscom
    • Der Weg w3schools präsentiert seine Informationen ist ebenso abscheulich. Ein link auf die eigentliche Spezifikation und nicht die inoffizielle information wäre besser gewesen.
    • Ya @MilkyWayJoe ich habe gesehen, dass, geschrieben von einem W3Schools mod. w3Schools ist nicht angeschlossen mit der W3C, aber in keiner Weise präsentieren Sie sich selbst, wie Sie, wenn Sie waren. Versuchen Sie MDN für zukünftige Referenzen wie dieser hier: developer.mozilla.org/en/HTML/Element/textarea
    • Ich werde ihn in Erinnerung behalten
    InformationsquelleAutor MilkyWayJoe
Schreibe einen Kommentar