Text in einem & lt; textarea & gt; formatieren?

Texteingabefelder sind groß, weil einige eingebaute Funktionen (scrollbars). Wie kann ich das format <spans> von text innerhalb des <textarea>?

InformationsquelleAutor der Frage Don P | 2012-10-11

  1. 60

    Wenn Sie benötigen zum anpassen der textarea -, reproduzieren Sie deren Verhalten mit einem anderen element (wie ein DIV) mit der contenteditable Attribut.

    Es ist mehr anpassbar, und ein moderner Ansatz, textarea ist nur für plain-text-Inhalt, nicht nur für reiche Inhalte.

    <div id='fake_textarea' contenteditable></div>

    Den Bildlaufleisten können reproduziert werden, mit der CSS overflow Eigenschaft.

    Können Sie diese gefälschte textarea in einem Formular normalerweise ich.e: wenn Sie Einreichen, deren Inhalt durch die POST-Methode, man könnte so etwas machen(mit jQuery):

    <input type='hidden' id='fake_textarea_content' name='foobar' />

    ...

    $('#your_form').submit(function()
{
  $('#fake_textarea_content').val($('#fake_textarea').html());
});

    InformationsquelleAutor der Antwort Alcides Queiroz Aguiar

  2. 8

    Können Sie nicht Stil den Inhalt einer text-Bereich separat haben, müssen Sie auf s, oder etwas ähnliches.

    Wollen Sie so Etwas wie dieses:?

    http://jsfiddle.net/mekwall/XNkDx/

    $('.editable').each(function(){
    this.contentEditable = true;
});

    Diese können Sie Bearbeiten Sie den Inhalt von einem div, und es wird immer noch Aussehen wie eine textarea,

    Bold wird jetzt zu Arbeiten.

    InformationsquelleAutor der Antwort Deep

  3. 4

    Können Sie nicht verwenden, HTML-innen TEXTAREA.

    Scrollen kann angewendet werden, um jedes element durch hinzufügen overflow: auto und Feste width - und/oder height.

    InformationsquelleAutor der Antwort Marat Tanalin

  4. 1

    Können Sie Benutzer-html-Editoren, web-wie CKEditor zu können, formatieren Sie die Daten in text-Bereich. Überprüfen Sie diese http://ckeditor.com/

    InformationsquelleAutor der Antwort kaustubh

  5. 0

    Andere Weise zu übermitteln, die "fake" - text-Bereich enthält die folgenden Zeilen innerhalb des form-tag

    <form onsubmit=" $('#fake_textarea_content').val($('#fake_textarea').html());">
</form>

    InformationsquelleAutor der Antwort Christian

Schreibe einen Kommentar