Qual è il modo più conveniente per convertire l'HTML in testo normale preservando le interruzioni di riga (con JavaScript)?

Question

Fondamentalmente ho solo bisogno dell'effetto di copiare quell'HTML dalla finestra del browser e incollarlo in un elemento textarea.

Per esempio io voglio questo:

<p>Some</p> 
<div>text<br />Some</div> 
<div>text</div> 

per diventare questo:

Some 
text 
Some 
text 

Answer 1

Se questo HTML è visibile all'interno della vostra pagina web, si potrebbe fare con la selezione dell'utente (o solo un TextRange in IE). Ciò preserva le interruzioni di riga, se non necessariamente conduce e trascina lo spazio bianco.

UPDATE 10 dicembre 2012

Tuttavia, il metodo di Selection oggetti toString() è not yet standardized e funziona in modo incoerente tra i browser, quindi questo approccio si basa su un terreno infido e Non consiglio di usarlo ora. Cancellerei questa risposta se non fosse accettata.

Demo: http://jsfiddle.net/wv49v/

Codice:

function getInnerText(el) { 
    var sel, range, innerText = ""; 
    if (typeof document.selection != "undefined" && typeof document.body.createTextRange != "undefined") { 
     range = document.body.createTextRange(); 
     range.moveToElementText(el); 
     innerText = range.text; 
    } else if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") { 
     sel = window.getSelection(); 
     sel.selectAllChildren(el); 
     innerText = "" + sel; 
     sel.removeAllRanges(); 
    } 
    return innerText; 
} 

Answer 2

Questo potrebbe rispondere alla tua domanda: Strip HTML from Text JavaScript

Answer 3

tre fasi.

First get the html as a string. 
Second, replace all <BR /> and <BR> with \r\n. 
Third, use the regular expression "<(.|\n)*?>" to replace all markup with "". 

Answer 4

Ho provato a trovare un codice che ho scritto per un po 'di tempo che ho usato. Ha funzionato bene. Lasciatemi delineare cosa ha fatto, e si spera che potresti duplicare il suo comportamento.

• Sostituire le immagini con testo alt o titolo.
• Sostituisci collegamenti con "testo [collegamento]"
• Sostituire elementi che generano in genere lo spazio bianco verticale. h1-h6, div, p, br, hr, ecc. (Lo so, lo so. Potrebbero trattarsi di elementi inline, ma funziona bene.)
• Elimina il resto dei tag e sostituiscilo con uno vuoto stringa.

Si potrebbe anche espandere ulteriormente questo per formattare le cose come liste ordinate e non ordinate. Dipende davvero solo da quanto lontano vorresti andare.

EDIT

Trovato il codice!

public static string Convert(string template) 
{ 
    template = Regex.Replace(template, "<img .*?alt=[\"']?([^\"']*)[\"']?.*?/?>", "$1"); /* Use image alt text. */ 
    template = Regex.Replace(template, "<a .*?href=[\"']?([^\"']*)[\"']?.*?>(.*)</a>", "$2 [$1]"); /* Convert links to something useful */ 
    template = Regex.Replace(template, "<(/p|/div|/h\\d|br)\\w?/?>", "\n"); /* Let's try to keep vertical whitespace intact. */ 
    template = Regex.Replace(template, "<[A-Za-z/][^<>]*>", ""); /* Remove the rest of the tags. */ 

    return template; 
}