Miejsce na kod źródłowy w\w aplikacji internetowej oraz podgląd

Question

Chcę stworzyć pole do edycji kodu HTML CSS oraz Jscript, a także miejsce obok na podgląd strony.

Problem w tym, że nie potrafię stworzyć takiego pola na kod. Nie wiem, czy użyć tagu texarea, czy code, tak aby np ostre nawiasy w HTML, albo klamry w CSS były widoczne dla przeglądarki jako napis, a nie kod, który zinterpretuje wewnątrz tagu texarea/code.

Druga sprawa, chcę aby element obok wyświetlał zinterpretowany kod HTML jako stronę w widoku na żywo.

Answer 1

Chcę stworzyć pole do edycji kodu HTML CSS oraz Jscript, a także miejsce obok na podgląd strony.

Textarea ,<iframe> ,eval() , onkeyup  i coś jeszcze

kod, który zinterpretuje wewnątrz tagu texarea/code.

Nie wygodniej będzie użyć <iframe> ?

 

 

Answer 2

Może użyj jakieś "gotowe" rozwiązania jak, np.:

• Code Mirror
• Ace Editor

[ how to embed a code editor in a page? ]