Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/visual-studio/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Grunt ngdocs的语法突出显示功能_Angularjs_Syntax Highlighting_Jsdoc - Fatal编程技术网

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,我找到了一个更好的解决方案,我将在单独的答案中描述。