Jak wyswietlic zawartosc dom jako string.

Czesc, probuje zrobic funkcje ktora wyswietli doslowna zawartosc DOM, czyli razem z tagami htmlowymi, klasami, id, i cokolwiek tam jeszcze bedzie, czyli reasumujac bedize to string, naszego DOM'u. A na koniec chcialbym zeby ta zawartosc byla kolorowana, zgodnie ze standardem html. Jak probowalem to zrobic? Storzylem swoj element (przy pomocy createelement), tworzylem drzewo, nastepnie posluzylem sie metoda outerhtml i teraz chce wyszukiwac odpowiednie tagi, tak aby je kolorowac. Zna ktos moze gotowa implemetnacje tego co chcialbym zrobic? Bo suma sumarum nie wychodzi mi to.

A taki banał jak javascript coloring source code w Google wpisałeś? No nie wpisałeś. To wpisz.

Okej, dzieki, uzywam apki od google'a, ale pojawil sie problem. Calosc robie w angularze ale nie jestem zadowlony z efektu, generalnie probowalem na dwa sposoby, w dyrektywie oraz bezposrednio z kontrollera, a o co chodzi? Po prostu moj string, ktory rzekomo ma byc pokolorawny pozostaje czarny, chyba musze 20 razy zrobic refresh aby zaskoczylo, co najdziwniejsze, jesli wpisze na sztywno w htmlu, dziala, lecz angular ma jakies problemy (albo ja), jedna rzecz ktora mnie tez zastanawia, to fakt, ze u mnie na komputerze zupelnie inaczej dziala niz na jsfiddle, mimo takiego samego kodu. Dyrektywa wyglada tak

 

angular
    .module('xxx')
    .directive('xxx', xxx);

function xxx() {
        return {
            restrict: 'AE',
            scope: {
                code: '='
            },
            template: '<pre>
```prettyprint
{{code}}</cod'+'e></pre>',
            link:function(scope, element, attrs,ctrl){
                scope.$watch('code',function(newvalue){
                    console.log(newvalue);
                });
            }
        };
}