highlight.js怎么修改高亮风格?

最近在做一个Markdown编辑器给自己用,基于nw.js
想添加代码高亮功能,用的是highlight.js
在index.html中加入css文件(hybrid.css放在index.html上一层的css文件夹中),代码如下:

<link rel="stylesheet" type="text/css" href="../css/hybrid.css"
 media="screen" />

editor.js中的代码如下:

exports.reload = function(){
    var marked = require("marked");
    var hljs = require("highlight.js");
    marked.setOptions({
    renderer: new marked.Renderer(),
        gfm: true,
        tables: true,
        breaks: false,
        pedantic: false,
        sanitize: false,
        smartLists: true,
        smartypants: false,
        highlight:function(code){return hljs.highlightAuto(code).value;}
    });
    var resultDiv = global.$('.md_result');
    var textEditor = global.$('#editor');
    var text = textEditor.val();
    resultDiv.html(marked(text));
};

关键代码是:

var hljs = require("highlight.js");
highlight:function(code){return hljs.highlightAuto(code).value;}

这个可以用,但是渲染效果不是hybrid.css的风格,而是默认的格式。

PS: markdown基础程序基于Node Webkit (NW.js) tutorial: creating a Markdown editor

请问怎么做才能用到hybrid.css?
谢谢!!

阅读 16.6k
4 个回答

highlight.js 做的事情就是解析语法然后标上一些 class,样式部分全在 css。
所以你觉得样式问题可以先看看 css 是否引入成功,然后看看那些关键字什么的对应的样式是否是来自 hybrid.css 那个文件,如果是的话那就是那样的。

PS: 话说 md 编辑器不是已经有挺多的了么

哈喽,请教一下,我在react中使用marked+highlightjs但是代码就是不高亮,请问怎么解决?
下面是我的代码:

this.setState({
content: marked(e.target.value,{
highlight: function (code) {
return hljs.highlightAuto(code).value
}
})
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题