如何通过 jQuery / C# 实现任何 html 代码的（自动）代码格式选择？（任何解决方案）答案

【问题标题】：How to achieve (auto) code format selection of any html code via jQuery / C# ? (Any solution)如何通过 jQuery / C# 实现任何 html 代码的（自动）代码格式选择？（任何解决方案）
【发布时间】：2013-02-22 10:21:19
【问题描述】：

我们的应用程序可以共享代码。例如用户分享的html代码如下

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

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

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

这不是一个完美的格式......现在我需要实现（自动）代码格式化......

即自动代码格式点击后，它应该看起来像

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

那么，是否有现成的插件可用，或者有什么方法可以通过 jQuery 或 C# 来实现它？

【问题讨论】：

这是呈现页面后客户端幻灯片上的字符串吗？还是在渲染之前？
这是无效的 HTML。 <a 缺少 >。
试试github.com/einars/js-beautify 或code.google.com/p/google-code-prettify 这两个都支持HTML。
@jYore: （如果字符串是指整个代码，那么是的，这是客户端的字符串。
我需要更多上下文。应用程序是 Webage / Winforms / WPF /...？代码如何与 Textarea 、 textfile 、 textbox ... 共享？代码格式化应该发生在 VS / special Control / ckeditor / ...？提前谢谢 4 信息

标签： c# javascript jquery

【解决方案1】：

有一个名为 jquery-htmlClean 的 jQuery 插件：http://code.google.com/p/jquery-clean/

我用你的代码示例进行了尝试，这是输出：

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

你可以在这里试试：http://www.antix.co.uk/Content/Demos/jQuery-htmlClean/Test.htm

【讨论】：