Wie formatiert stackoverflow die Textfläche, wenn Sie auf Bearbeiten klicken? Diese

Question

ist kein Duplikat Frage, ich weiß, wie man eine reiche Editor zu schaffen, aber ich treffe Probleme

ich eine Rich-Text-Box machen will, wie Stackoverflow tut.

1. Ich importiere das Wmd Plugin wie SO.

2. Wenn ich ein Thema zu mysql speichern , speichert es die verarbeiteten Text wie folgt aus:

< p> Hallo Welt </p>

< pre> < Code > Klasse Text {} </code> </pre>

Das ist normal, ich denke, weil die HTML-Seite dies richtig rendern kann.

Aber wenn ich versuche, dieses Thema zu bearbeiten, es direkt den Code in meinem Textbereich zeigt:

Was ich brauche, ist dies (Genau wie das erste Mal, dass ich eingegeben):

Mein TextArea- Code ist sehr einfach wie folgt aus:

<!-- text area start --> 
     <div id="wmd-button-bar"></div> 
     <textarea id="wmd-input" name="description" onblur="checkForm()">${topic?.description}</textarea> 
     <div id="wmd-preview"></div> 
<!-- text area end --> 

Jeder kann helfen? Vielen Dank.

Answer 1

Ich finde die Antwort selbst.

Was muss ich tun ist, einfach ein neues verstecktes Feld hinzufügen den Originaltext vor wmd Prozess zu speichern.

Und dann speichere ich sowohl ursprünglichen als auch verarbeiteten Text in meine Datenbank.

Wenn ich es bearbeiten muss, verwenden Sie nur den Originaltext. Wenn ich es rendern muss, verwenden Sie den verarbeiteten Text.