javascript - 漂亮的格式化代码不会换行

Question

我试图在一个 div 中嵌入一个漂亮的格式化代码，但它无法将代码分成新行并可能分成选项卡，已复制。 我正在使用这里的这段代码来测试 div ( Submitting form, mysql and php ) 中的 php 和 html 格式漂亮的代码 我正在使用 highlightjs 中的示例，但它似乎不适合我。 ( How to format code in html / css / js/ php ) 以下是我的 html 输出格式: ResultView和 HTMLCSSView

我还在 body 结束标记 html 文档上方添加了这个脚本

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
</script>

在head标签中添加css链接

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

我怎样才能使这项工作完美无缺？

Answer 1

您缺少 URL 的 http: 或 https: 部分 - 目前，您的文件链接如下所示:

//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js

//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/default.min.css">

将您的链接更改为如下所示:

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

您的代码将起作用。