Angularjs Grunt ngdocs的语法突出显示功能
我不知道是出了问题还是还不受支持,但我希望看到如下代码块:Angularjs Grunt ngdocs的语法突出显示功能,angularjs,syntax-highlighting,jsdoc,Angularjs,Syntax Highlighting,Jsdoc,我不知道是出了问题还是还不受支持,但我希望看到如下代码块: ``` var example = 3; ``` 在要突出显示的文档中。如何修复/添加此功能 我通过使用和解决了这个问题 Grunfile.js中的My ngdocs部分现在如下所示: options: { html5Mode: false, scripts: [ 'bower_components/jquery/dist/jquery.js', 'js/jquery.livequery.min.js',
```
var example = 3;
```
在要突出显示的文档中。如何修复/添加此功能 我通过使用和解决了这个问题 Grunfile.js中的My ngdocs部分现在如下所示:
options: {
html5Mode: false,
scripts: [
'bower_components/jquery/dist/jquery.js',
'js/jquery.livequery.min.js',
'angular.js',
'js/helpers/ngdocs.js',
'bower_components/highlightjs/highlight.pack.js'
],
styles: [
'bower_components/highlightjs/styles/atelier-forest.dark.css'
]
'use strict';
/* global $, hljs */
$(function () {
$('pre code').livequery(
function() {
hljs.highlightBlock(this);
});
});
我的js/helpers/ngdocs.js如下所示:
options: {
html5Mode: false,
scripts: [
'bower_components/jquery/dist/jquery.js',
'js/jquery.livequery.min.js',
'angular.js',
'js/helpers/ngdocs.js',
'bower_components/highlightjs/highlight.pack.js'
],
styles: [
'bower_components/highlightjs/styles/atelier-forest.dark.css'
]
'use strict';
/* global $, hljs */
$(function () {
$('pre code').livequery(
function() {
hljs.highlightBlock(this);
});
});
解决方法:
标记的模块用于grunt ngdocs(grunt ngdocs\node\u modules\marked\lib
)。
由于
grunt ngdocs
使用角度引导美化(顺便说一句,它使用google code Prentify),因此只需稍微调整标记,即可生成..
,而不是带有..
的
块(第266行,v0.2.6)。因此,我们可以在文档中直接使用..
块,而不是使用标记``
块。谢谢。我自己提出了一个与此非常类似的解决方案(除了使用hljs的角度化版本)。然后,通过从grunt ngdocs中探索ngdoc.js和docs.js,我找到了一个更好的解决方案,我将在单独的答案中描述。