Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HTML-Tags in Textarea umwandeln

Empfohlene Antworten

Veröffentlicht

Hallo,

ich habe mal wieder ein Problem.

Ich habe folgende Textarea:

<textarea name='area' cols='86' rows='9'></textarea>

Dazu habe ich einige Buttons zur Formatierung (Fett, Kursiv, Unterstrichen).

Wenn ich diese Buttons benutze, zeigt mir die Textarea den gewünschten Text in den Tag-Klammern an (<b>Text</b>). Ich möchte aber, dass die Textarea den Tag gleich umwandelt und den gewünschten Text gleich formatiert anzeigt (Text).

Hat dazu jemand eine Idee?

Ich hoffe, dass ich es einigermaßen verständlich erklärt habe.

Gruß

Michl

Hi!

Ich weiß, zwar nicht so genau wie, aber es geht irgendwie. Allerdings gibt es schon ganz gute textarea-replacements, z.B.: http://www.fckeditor.net/

Dazu habe ich einige Buttons zur Formatierung (Fett, Kursiv, Unterstrichen).

Wenn ich diese Buttons benutze, zeigt mir die Textarea den gewünschten Text in den Tag-Klammern an (<b>Text</b>). Ich möchte aber, dass die Textarea den Tag gleich umwandelt und den gewünschten Text gleich formatiert anzeigt (Text).

Hat dazu jemand eine Idee?

Mit der Textarea geht das nicht, mit Javascript und HTML dagegen schon:


...

<script type="text/javascript">


function Preview(Obj)

{

  getElementById('PreviewArea').InnerHTML=Obj.Value;

}


</script>

...

<p>

<textarea id='textinput' cols='86' rows='9'></textarea><br />

<button

onclick="javascript:void(Preview(document.getElementById('textinput')))"

>Vorschau</button>

</p>

<p>

<div id="PreviewArea"></div>

</p>

...


Der code is nicht getestet, aber von Prinzip sollte es klar sein.

kurze Kritik.

<textarea rows='5'> ist böse

<textarea rows="5"> ist gut

.innerHTML ist böse

JS-DOM ist gut

...wobei ich erstmal grübeln müsste, wie man die Value in JS-Dom umwandeln kann.

<textarea rows='5'> ist böse

<textarea rows="5"> ist gut

Wieso ist das böse?

auszug von w3schools:

"Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed."

vergiss also was ich sagte dazu ^^

es ist ein reiner schönheutsfaktor was benutzt wird. Würde trotzdem " soweit wie möglich verwenden.

es ist ein reiner schönheutsfaktor was benutzt wird. Würde trotzdem " soweit wie möglich verwenden.

Würde ich auch, finde es aber dennoch interessant, was der Standard dazu sagt: http://www.w3.org/TR/REC-html40/intro/sgmltut.html#h-3.2.2

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.