Regex w javascript - pomocy

Question

Potrzebuje pomocy odnośnie podmiany kodu strony.
Mianowicie chce pobrać zawartość znacznika <p> gdzie jest tekst i przy użyciu regex wstawić znacznik np. <nobr>

Przykładowo mamy tekst:
"Dwa pokoje 4-osobowe, mają wspólny taras z innymi 2-osobowymi pokojami. Taras z bezpośrednim wyjściem na zewnątrz, z ogrodzonym ogródkiem. Wyposażone są w 3 tapczany i dużą rozkładaną kanapę narożną. Możliwość zakwaterowania 5 osób przy wspólnym spaniu na kanapie. Pełny węzeł sanitarny: prysznic, toaleta, umywalka. Dostępne 2 z pięciu."

i chcę sprawić zeby pojedyńcze znaki nie były przełamywane

var p = document.getElementsByTagName("P");

var regex = /(\s)(\w{1}\s\w{2,})(\s)/gm;

console.log(p.replace(regex, ' <nobr>$2</nobr> '));

czyli tekst powinien wyglądać po zmianie tak:

"Dwa pokoje 4-osobowe, mają wspólny taras <nobr>z innymi</nobr> 2-osobowymi pokojami. Taras z bezpośrednim wyjściem na zewnątrz, <nobr>z ogrodzonym</nobr> ogródkiem. Wyposażone są w <nobr>3 tapczany</nobr> <nobr>i dużą</nobr> rozkładaną kanapę narożną. Możliwość zakwaterowania <nobr>5 osób</nobr> przy wspólnym spaniu na kanapie. Pełny węzeł sanitarny: prysznic, toaleta, umywalka. Dostępne <nobr>2 z pięciu</nobr>."

Niby banalne ale jednak nie mogę ogarnąć jak to zmusić do działania - pomocy.

Comments

Nie wystarczy Ci w CSS użyć word-break?

---

Nie chodzi czy użyje word-break czy nobr - problem jest, żeby tekst automatycznie miał dodane znaczniki które spowodują, że na końcu lini nie zostanie pojedyńcza litera np. z, a, i.

http://pokazywarka.pl/b50nuj/

Prawie sobie poradziłem...

O coś takiego mi chodziło - teraz tylko regex trzeba poprawić bo dla stringa np. Kasia i Tomek działa poprawnie ale już dla Kasia i 2 Tomków weźmie tylko "2 Tomków" obsłuży a powinno wstaić znacznik na "i 2 Tomków"

<script>
    $('div, p, span, li').each(function () {  // use your selector of choice here
        var html = $(this).html();
        $(this).html(html.replace(/\s(\w{1}\s[\s.a-zA-ZąćęłńóśźżĄĘŁŃÓŚŹŻ]{2,})/gmu, " <nobr>$1</nobr>"));
    });    
</script>    

 

Answer 1

Napisałem prostą zmianę tagu. https://codepen.io/Elek/pen/OBqyNq Zamienia tag na inny z listy nodów. Nie uwzględnia eventów takich jak onclick.