Textarea tabs, linebreaks en spaties
Mark Hogeveen
22/04/2013 21:05:21Hallo,
Ik heb iets gemaakt waarbij javascript de tekst uit een textarea overneemt en in een div zet.
Als je een aantal spaties naast elkaar zet doet de HTML in de div diet verwerken naar 1 spatie, tenzij je natuurlijk zou gebruiken. Dan weet HTML dat het om een "gewilde" spatie gaat.
Ditzelfde gebeurt ook met tabs, in de textarea kun je op de tab toets drukken en de cursor gaat een paar plekken van de kantlijn. Zo heb ik met javascript tabs nagemaakt. Dus ook dit zie je niet meer terug in de div.
Verder zie je ook niet meer line breaks in de div. Dit is allemaal logisch, maar ik wil nu juist dat elk detail van de textarea wordt overgenomen in de div, en dat als je bijvoorbeeld html tags of teken-codes typt, dat deze dan wel worden genegeerd.
Bijvoorbeeld je typt in de textarea & dan zou je in htmldit teken krijgen: &
Maar wat ik wil is gewoon dat & in de div komt te staan.
En dat alle line-breaks en spaties ook letterlijk worden overgenomen. Ik heb al de <pre> tag geprobeerd, maar die helpt niet echt.
Ik heb iets gemaakt waarbij javascript de tekst uit een textarea overneemt en in een div zet.
Als je een aantal spaties naast elkaar zet doet de HTML in de div diet verwerken naar 1 spatie, tenzij je natuurlijk zou gebruiken. Dan weet HTML dat het om een "gewilde" spatie gaat.
Ditzelfde gebeurt ook met tabs, in de textarea kun je op de tab toets drukken en de cursor gaat een paar plekken van de kantlijn. Zo heb ik met javascript tabs nagemaakt. Dus ook dit zie je niet meer terug in de div.
Verder zie je ook niet meer line breaks in de div. Dit is allemaal logisch, maar ik wil nu juist dat elk detail van de textarea wordt overgenomen in de div, en dat als je bijvoorbeeld html tags of teken-codes typt, dat deze dan wel worden genegeerd.
Bijvoorbeeld je typt in de textarea & dan zou je in htmldit teken krijgen: &
Maar wat ik wil is gewoon dat & in de div komt te staan.
En dat alle line-breaks en spaties ook letterlijk worden overgenomen. Ik heb al de <pre> tag geprobeerd, maar die helpt niet echt.
Er zijn nog geen reacties op dit bericht.