如何为类似C的语言配置Codemirror?

时间:2018-11-25 16:47:26

标签: c codemirror

我在我的wordpress网站中使用codeMirror突出显示类似于C的语法代码。我已经按照建议添加了所有代码js和css文件:

/code-mirror/plugin/codemirror/lib/codemirror.css
/code-mirror/plugin/codemirror/lib/codemirror.js
/code-mirror/plugin/codemirror/theme/eclipse.css
/code-mirror/plugin/codemirror/addon/edit/matchbrackets.js
/code-mirror/js/c-like.js

这里c-like.js是我的自定义js文件,具有以下代码:

var cEditor = CodeMirror.fromTextArea(document.getElementById("c-code"), {
       lineNumbers: true,
       matchBrackets: true,
       mode: "text/x-csrc",
       readOnly: true,
       styleActiveLine: true,
       theme: "eclipse"
     });

但是一个简单的C程序看起来像:

enter image description here

'int'或#include之类的关键字没有样式。我正在努力像CodeBlock语法一样突出显示C代码。这是实时网址:codingpractise.com/c-code。有想法吗?

1 个答案:

答案 0 :(得分:1)

似乎您忘记了clike.js而不是您的代码,而忘记了c模式

由cdnjs托管:https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.42.2/mode/clike/clike.min.js

演示:https://codepen.io/quic5/pen/ebMKNV