Whitespaces in javascript

[Verwijderd]

Hoi,

Ik ben met een website bezig en wil een aantal dingen in javascript/jquery doen. Nou moet een gebruiker een textarea kunnen vullen. Dit werkt allemaal prima en wordt door mijn systeem opgenomen. Ook kan ik de newlines allemaal registreren. Maar ik loop in de problemen met multiple whitespaces. Een voorbeeld zou kunnen zijn dat een gebruiker

asdf_______________asdf

invult.. Waarbij de underlines spaties zijn. Zo te zien werkt het overigens ook niet op tweakers =).

Overigens werkt dit niet: str.replace(' ', '& nbsp;');

Iemand enig idee hoe ik dit kan oplossen, want ik kan gebruikers niet vragen om voor elke spatie & nbsp; in te vullen.

[DaRKie]

Meerdere spaties in een stuk tekst worden in html altijd herleid naar 1 spatie.
Wil je de meerdere spaties zien, kan je dit het eenvoudigste oplossen door deze tekst te omsluiten door de <PRE> tag.

[MueR]

Een pre tag lijkt me helemaal niet nodig. Je kan dat beter met CSS doen: whitespace:pre-wrap;

[RobIII]

Of je gebruikt &nbsp;

DaRKie schreef op woensdag 15 februari 2012 @ 10:19:
Meerdere spaties in een stuk tekst worden in html altijd herleid naar 1 spatie.

Define 'herleid' Voor een wat genuanceerder antwoord pak je gewoon even de specs erbij
Kort door de bocht: whitespace heeft in HTML, op een single-space na, geen betekenis.

[ Voor 108% gewijzigd door RobIII op 15-02-2012 10:31 ]

[GlowMouse]

RobIII schreef op woensdag 15 februari 2012 @ 10:24:
Of je gebruikt &nbsp;

Hij zegt dat dat niet werkt.

[jopitan]

GlowMouse schreef op woensdag 15 februari 2012 @ 10:26:
[...]

Hij zegt dat dat niet werkt.

Hij heeft ook een spatie staan tussen de & en de nbsp; in de str.replace.

[RobIII]

jopitan schreef op woensdag 15 februari 2012 @ 10:27:
[...]


Hij heeft ook een spatie staan tussen de & en de nbsp; in de str.replace.

Dat heeft 'ie gedaan omdat 't forum anders de &nbsp; niet weergeeft Daarvoor zul je de & moeten escapen als &amp; dus effectief type je: &amp;nbsp;

GlowMouse schreef op woensdag 15 februari 2012 @ 10:26:
[...]

Hij zegt dat dat niet werkt.

Klopt, my bad, daar had ik overheen gelezen.

[ Voor 26% gewijzigd door RobIII op 15-02-2012 10:29 ]

[Verwijderd]

jopitan schreef op woensdag 15 februari 2012 @ 10:27:
[...]


Hij heeft ook een spatie staan tussen de & en de nbsp; in de str.replace.

ja duh.. als ik dat niet zou doen dan zouden jullie gewoon een spatie zien.. en zou je krijgen str.replace(' ',' ').

de <pre> html tag werkt in ieder geval prima

[PeterSelie]

Hoezo zou de replace functie niet werken?

http://jsfiddle.net/56VKQ/

Voeg daar maar eens 'test test' in de textarea in. Overigens is het gebruik van de <pre> tag een beetje overkill hier, zoals hierboven aangegeven voldoet whitespace: pre-wrap ook prima. Afhankelijk van de opzet en het gebruik van de betreffende string heb je javascript hier vermoedelijk niet eens nodig en voldoet enkel de CSS oplossing ook.

[ Voor 25% gewijzigd door PeterSelie op 15-02-2012 10:35 ]

[gvdh]

Verwijderd schreef op woensdag 15 februari 2012 @ 10:15:

Overigens werkt dit niet: str.replace(' ', '& nbsp;');

Je moet dan ook

JavaScript:

str = str.replace(' ', ' ');

doen.
Maar dan vervang je wel echt álle spaties, en niet alleen als er meerdere achter elkaar staan.

[RobIII]

Ik zou het niet eens met JS doen; dan is je weergave alsnog gaar voor browsers waar JS uitgeschakeld is. Ik zou voor de CSS oplossing gaan.

[PeterSelie]

gvdh schreef op woensdag 15 februari 2012 @ 10:32:
[...]


Je moet dan ook

JavaScript:

str = str.replace(' ', ' ');

doen.
Maar dan vervang je wel echt álle spaties, en niet alleen als er meerdere achter elkaar staan.

Zie mijn JSFiddle. In jouw voorbeeld vervang je maar een enkele spatie, aangezien de .replace functie zonder de /g/ modifier enkel de eerste spatie vervangt.

GlowMouse schreef op woensdag 15 februari 2012 @ 10:26:
[...]

Hij zegt dat dat niet werkt.

RobIII schreef op woensdag 15 februari 2012 @ 10:28:
[...]

Klopt, my bad, daar had ik overheen gelezen.

De vraag is natuurlijk waarom het / wat er niet werkt. Een .replace vervangt enkel de eerste occurrence. Dan 'werkt' het inderdaad niet, niet zoals verwacht in ieder geval. Een /g/ modifier in de replace geeft wel het gewenste resultaat.

[ Voor 38% gewijzigd door PeterSelie op 15-02-2012 10:36 ]

[RobIII]

SoaDmaggot schreef op woensdag 15 februari 2012 @ 10:34:
[...]

Zie mijn JSFiddle. In jouw voorbeeld vervang je maar een enkele spatie, aangezien de .replace functie zonder de /g/ modifier enkel de eerste spatie vervangt.

Die alert is leuk, en nu weer de waarde terug in de textbox: http://jsfiddle.net/56VKQ/1/ Ganiegoenie he? As said: gewoon CSS gebruiken.

[ Voor 8% gewijzigd door RobIII op 15-02-2012 10:38 ]

[PeterSelie]

RobIII schreef op woensdag 15 februari 2012 @ 10:35:
[...]

Die alert is leuk, en nu weer de waarde terug in de textbox: http://jsfiddle.net/56VKQ/1/ Ganiegoenie he?

Terug in de textbox niet, nee. Ik kan echter nergens uit de SP herleiden dat dit het doel was? Ik geef enkel een oplossing op 'het werkt niet'. Als je de string vervolgens ergens in je pagina weer wilt geven is het wel een oplossing voor het probleem dat de topic starter aangeeft. Of het de voorkeur geniet boven de CSS oplossing is een tweede en hangt af van het doel van de input.

In het geval dat het weergegeven moet worden in de textarea zal je er een extra wrapper omheen moeten zetten die de boel vervolgens weer terugzet naar whitespaces.

RobIII schreef op woensdag 15 februari 2012 @ 10:35:
[...]

As said: gewoon CSS gebruiken.

Klopt. Ik geef dan ook nergens aan dat dit de meest gewenste oplossing is. Dit is enkel een reactie op 'het werkt niet'.

Magoed, de aangedragen oplossingen lijken me voldoende.

[ Voor 19% gewijzigd door PeterSelie op 15-02-2012 10:42 ]