2012-09-13 15 views
5

Questa non è una domanda duplicato, so come creare un ricco editore, ma mi capita di incontrare problemiIn che modo un'area di testo in formato stackoverflow quando si fa clic sul pulsante di modifica?

Voglio fare una casella di testo come StackOverflow fa.

  1. Importa il plugin wmd proprio come SO.

  2. Quando ho salvare un argomento a mysql, si salva il testo elaborato in questo modo:

< p> ciao mondo </p>

< pre> < codice > classe Testo {} </codice> </pre>

Questo è normale, penso perché la pagina html può renderlo correttamente.

ma quando provo a modificare questo argomento, si mostra direttamente il codice nel mio textarea:

enter image description here

cosa ho bisogno è questa (Proprio come la prima volta che sono entrato):

enter image description here

il mio codice textarea è molto semplice come questo:

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

Chiunque può aiutare? Grazie.

+2

Puoi per favore mostrarci il codice con cui hai provato? – djadmin

+0

possibile duplicato di [Come creare un editor di testo RTF] (http://stackoverflow.com/questions/6007242/how-to-create-a-rich-text-editor) – scrappedcola

+0

Questa non è una domanda duplicata, lo so come creare un editor ricco, qui voglio sapere perché ho incontrato questo problema. – MrROY

risposta

2

Trovo la risposta da solo.

quello che devo fare è semplicemente aggiungere un nuovo campo nascosto per memorizzare il testo originale prima wmd processo di esso.

E quindi salvo il testo originale e quello elaborato nel mio database.

Quando ho bisogno di modificarlo, basta usare il testo originale. Quando ho bisogno di renderlo, utilizzare il testo elaborato.