Wie kann ich HTML in einem inhaltsbearbeitbaren Div (oder mit jQuery-Plugins) rendern?

HTML in Textarea rendern

Im Gegensatz zu Textbereichen interpretieren inhaltsbearbeitbare Divs ihren Inhalt als HTML, sodass Sie darin HTML-Tags rendern können. Um ein inhaltsbearbeitbares Div zu verwenden, befolgen Sie diese Schritte:

1. Fügen Sie den folgenden HTML-Code ein:

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

   Nach dem Login kopieren

2. Fügen Sie nach Bedarf CSS-Stile hinzu. Zum Beispiel:

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

   Nach dem Login kopieren

3. Das inhaltsbearbeitbare Div kann jetzt zum Rendern von HTML-Tags wie , , und < verwendet werden. a>. Zum Beispiel:

   <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>

   Nach dem Login kopieren