我需要代码格式化程序来格式化HTML pre 标记内的代码,我已经使用代码修饰来强调代码语法,所以我需要一种方法来自动格式化这段代码。有没有办法做到这一点?
<pre class="prettyprint linenums pre-scrollable">{{ data.codeBody }}</pre>
您必须知道我正在使用Angular 2从服务中获取实际代码,因此代码不会被格式化甚至不会被高亮显示。这就是为什么我使用代码美化,我需要一些代码来做格式部分。
codeBody: "<div class=\"row\"><div class=\"col-*-*\"></div></div><div class=\"row\"><div class=\"col-*-*\"></div><div class=\"col-*-*\"></div><div class=\"col-*-*\"></div></div><div class=\"row\">...</div>"
我需要最终结果如下:
<div class="row">
<div class="col-*-*"></div>
</div>
<div class="row">
<div class="col-*-*"></div>
<div class="col-*-*"></div>
<div class="col-*-*"></div>
</div>
<div class="row">
...
</div>