Wie kann ich HTML-Tags in einem Textbereich anzeigen?

HTML-Tags in einem Textbereich anzeigen

Textbereiche sind nicht in der Lage, HTML-Tags als etwas anderes als Text zu interpretieren. Dies stellt eine Herausforderung dar, wenn Sie HTML-Inhalte wie , , und innerhalb des Textbereichs rendern müssen.

Alternative: Content Editable Div

Das Erreichen dieser Funktionalität mit einem Textbereich ist nicht möglich. Stattdessen können Sie ein inhaltsbearbeitbares Div verwenden, das einfach zu implementieren ist:

<div contenteditable="true"></div>

Darstellung und Formatierung

Divs mit dem Attribut „contenteditable“ ermöglichen Inline Bearbeitung und Unterstützung der HTML-Formatierung. Das folgende CSS stellt den grundlegenden Stil für das Div bereit:

div.editable {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
  padding: 5px;
}

strong {
  font-weight: bold;
}

Beispiel

Der folgende HTML-Code zeigt, wie ein inhaltsbearbeitbares Div verwendet wird:

<div contenteditable="true">
  This is the first line.<br>
  See, how the text fits here, also if<br>
  there is a <strong>linebreak</strong> at the end?
  <br>
  It works nicely.
  <br>
  <br>
  <span>

Mit diesem Div können Sie Inline-Bearbeitungen vornehmen und HTML-Formatierungen anwenden. Es bietet eine robustere und benutzerfreundlichere Lösung für die Anzeige von HTML-Inhalten auf einer Webseite.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Tags in einem Textbereich anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!