Come ottenere la selezione del formato di codice (auto) di qualsiasi codice html tramite jQuery/C#? (Qualsiasi soluzione)

Question

La nostra applicazione può condividere il codice. Per esempio utente condivide il codice html come segue

<div id="nav-vert-one"> 

<ul> 
{{for GroupCollection}} 
<li> 
<a href="#" title="{{:Name}}" onclick="test()">  {{:Name}}</a> 
('{{:GroupId}}')"> 

</li> 
{{/for}} 
</ul> 

che non è in un formato perfetto .... ora ho bisogno di ottenere la (auto) formattazione del codice ...

vale a dire dopo il codice di auto formato clicca, dovrebbe assomigliare

<div id="nav-vert-one"> 
    <ul> 
     {{for GroupCollection}} 
     <li><a href="#" title="{{:Name}}" onclick="test()"> {{:Name}}</a> 
('{{:GroupId}}')"></li> 
     {{/for}} 
    </ul> 

Quindi, c'è pronto plug reso disponibile o c'è qualche modo (s) per realizzarla sia tramite jQuery o C#?

Answer 1

C'è un plugin jQuery chiamato jquery-htmlClean: http://code.google.com/p/jquery-clean/

ho provato con il codice di esempio, questo è l'output:

<div> 
    <ul> 
     {{for GroupCollection}} 
     <li> 
      <a href="#" title="{{:Name}}">{{:Name}}</a> ('{{:GroupId}}')"> 
     </li> {{/for}} 
    </ul> 
</div> 

si può provare qui: http://www.antix.co.uk/Content/Demos/jQuery-htmlClean/Test.htm