Usuwaj znaczniki za pomocą javascript i obsługuj podziały wierszy.

Question

Chcę usunąć znaczniki z html, ale zachowuje podział wiersza.

Chcę zachowanie takie jak kopiowanie tekstu w przeglądarce i wklejanie go w notatniku.

Na przykład, kod, który przelicza:

• <div>x1</div><div>x2</div> do x1\nx2
• <p>x1</p><p>x2</p> do x1\nx2
• <b>x1</b><i>x2</i> do x1x2
• x1<br>x2 do x1\nx2

Usuwanie wszystkich tagów nie działa (/ <. *?>/G). Również tworzenie obojętnego elementu < div> i ustawień jego innertHTML i odczytanie, że to textContent spowoduje usunięcie podziałów linii.

Jakaś pomoc?

Answer 1

Spróbuj:

function strip_tags(str){ 
    return str 
      .replace(/(<(br[^>]*)>)/ig, '\n') 
      .replace(/(<([^>]+)>)/ig,''); 
} 

var str = '<div>x1</div><div>x2</div><br>'+'<p>x1</p><p>x2</p>'+'<b>x1</b><i>x2</i>'; 

To będzie rozebrać tagi i zastąpić <br /> lub <br> z nowych linii, ale dodanie nowych linii dla elementów blokowych wymaga trochę czasu, aby wymyślić rozwiązanie.

Here is a demo

Answer 2

Jaka jest ta praca dla Ciebie? To zastąpi każde wystąpienie <br>, </div> i </p> z \n, a następnie usunie pozostałe tagi. Jest głupkowaty, ale przynajmniej na początek.

fixed = text_to_fix.replace(/<(?:br|\/div|\/p)>/g, "\n") 
      .replace(/<.*?>/g, ""); 

Nie działa to jednak dla wszystkich HTML. Tylko te tagi, o których wspomniałeś.