Text formatieren in a ?

Textareas sind großartig wegen einiger eingebauter Funktionen (Scrollbars). Wie kann ich formatieren <spans> von Text innerhalb der <textarea>?

Wenn Sie Ihren Textbereich anpassen müssen, reproduzieren Sie sein Verhalten mit einem anderen Element (wie einem DIV) mit dem contenteditable Attribut.

Es ist anpassbarer und ein modernerer Ansatz, textarea ist nur für reine Textinhalte, nicht für Rich Content.

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

Die Bildlaufleisten können mit der CSS-Überlaufeigenschaft nachgebildet werden.

Sie können diesen gefälschten Textbereich in einem Formular normal verwenden, dh: Wenn Sie seinen Inhalt über die POST-Methode übermitteln müssen, können Sie Folgendes tun (mit jQuery):

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

…

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

Sie können den Inhalt eines Textbereichs nicht separat gestalten, Sie müssen ihn verwenden <div>s oder ähnliches.

Wollen Sie so etwas:?

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

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

Auf diese Weise können Sie den Inhalt eines Div bearbeiten, und es sieht immer noch wie ein Textfeld aus.

Fett wird jetzt funktionieren.

Sie können darin kein HTML verwenden TEXTAREA.

Das Scrollen kann durch Hinzufügen auf jedes Element angewendet werden overflow: auto und fixiert width und/oder height.

Sie können HTML-Editoren für das Web wie CKEditor verwenden, um die Daten im Textbereich formatieren zu können. Überprüfen Sie dies http://ckeditor.com/

Eine andere Möglichkeit, den „gefälschten“ Textbereich einzureichen, besteht darin, die folgenden Zeilen in das Form-Tag einzufügen

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