我使用棱镜来显示我的文档。所以我去了一些漂亮的代码。要安装棱镜有两种方法:手动安装或节点。 我用节点来安装它。但使用它的插件没有文档解释如何: 唯一可用的例子是:如何使用Prism插件安装节点
var code = "var data = 1;";
var html = Prism.highlight(code, Prism.languages.javascript);
,然后显示我的情况下,HTML ... 我想使用的行号。如何?
我使用棱镜来显示我的文档。所以我去了一些漂亮的代码。要安装棱镜有两种方法:手动安装或节点。 我用节点来安装它。但使用它的插件没有文档解释如何: 唯一可用的例子是:如何使用Prism插件安装节点
var code = "var data = 1;";
var html = Prism.highlight(code, Prism.languages.javascript);
,然后显示我的情况下,HTML ... 我想使用的行号。如何?
在HTML创建以下文件:
<pre class="line-numbers"><code id="formattedBlock" class="language-javascript"></code></pre>
不要忘了导入头相关的CSS文件
<link rel="stylesheet" href="themes/prism.css" />
<link rel="stylesheet" href="themes/plugins/prism-line-numbers.css" />
确保您所需要的neccessary库
var Prism = require('prismjs/components/prism-core.min');
require('prismjs/components/prism-javascript.min');
require('prismjs/plugins/line-numbers/prism-line-numbers.min');
在你写下的例子是正确的:
var code = "var data = 1;";
var html = Prism.highlight(code, Prism.languages.javascript);
只需将html结果附加到formattedBlock元素中,例如与jQuery:
$('#formattedBlock').append(html);
我还是不明白这是如何与编程npm的工作...没有使用jQuery和每个代码块的ID。 –
谢谢你的样品。 – Meryam
是的使用节点的文档是可怕的穷人。真的很糟糕。 –