如何在突出显示时缩进代码使用highlight.js

Question

我使用highlight.js 来突出显示我的MySQL 创建表DDL 代码。

但我发现在highlight.js对其进行格式化后，代码已更改为单行。

那么，highlight.js 上是否有一些配置可以将代码缩进为漂亮的格式样式？

Answer 1

<pre><code>除了我假设您已经使用的标签之外，标签也应该在这里工作：

hljs.highlightAll();

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>

<pre><code class="language-sql">create_table test_66(
  id int(10) auto_increment primary key,
  user_id int(10) not null
) engine=innodb charset=utf8;</code></pre>