[HTML] Code weergeven en editen in textarea

[MuadD1b]

Heren,

Misschien een hele simpele vraag maar is het mogelijk om op een goede manier HTML code weer te geven in een HTML textarea?

Voor een projectje is het nodig om HTML code te kunnen editen op een pagina. Op zich gaat het met wat escaping redelijk maar zodra er textarea code weergegeven wordt in de textarea, kappen browsers hem natuurlijk af bij de eerste closing tag die ze tegenkomen terwijl die tag nog bij de te editen code hoort.
Heeft iemand een oplossing voor dit probleempje?

Even ter illustratie:

HTML:

<textarea id="elementCodeEdit">
<label for="">blahblah</label> 
<textarea id="blahblah" alt="" title="" class="resize"></textarea>
</textarea>

De browser kapt hem dus af bij de eerste </textarea> terwijl die nog bij de te editen tekst hoort.

Gr, Erik

[crisp]

Je geeft het antwoord zelf al: escaping gebruiken, en dan met name de < en > karakters

[MuadD1b]

Als ik bijvoorbeeld jquery gebruik om het dan on document ready weer leesbaar te maken, kan de browser er niet meer mee knoeien?

[Flowmo]

MuadD1b schreef op vrijdag 23 september 2011 @ 09:45:
Als ik bijvoorbeeld jquery gebruik om het dan on document ready weer leesbaar te maken, kan de browser er niet meer mee knoeien?

Jawel, want de code staat in de DOM en die wordt nog voor jQuery geladen. In feite is dit incorrecte HTML waar jQuery ook niks mee kan. Zoals hierboven genoemd, escapen, klaar.

[MuadD1b]

Ja ik denk weer veel te moeilijk.
Gewoon HTML escapen. Dank u

[geert1]

Afhankelijk van wat je hier wilt bereiken, is het waarschijnlijk veel mooier om een wysiwyg-editor te gebruiken. Er zijn wel een aantal gemakkelijke, op jquery gebaseerde voorbeelden, zoals deze en deze. Dit werkt een stuk makkelijker dan zelf de code te moeten tikken, vooral als het gebruikt moet worden door niet-technici.

Deze scripts werken over het algemeen zo dat er in de textarea automatisch html geplaatst wordt, terwijl je aan de voorkant een makkelijke interface ziet waarmee je de opmaak regelt. Als je nu toch al html opslaat, is het invoegen van zoiets een fluitje van een cent.

Hangt wel van je situatie af of dit een oplossing voor je is, dus zo niet, dan kun je dit als niet gepost beschouwen

[ Voor 32% gewijzigd door geert1 op 23-09-2011 15:44 ]

[MuadD1b]

Het is een expert tool om html code van een standaard element uit de database, waarvan men makkelijk properties aan kan passen, toch nog even handmatig te kunnen tweaken. De keiharde code editor is een requirement

http://img37.imagevenue.c...96_Untitled_122_383lo.jpg