如何使用CodeMirror突出显示类似C的代码？

Question

我正在使用codeMirror突出显示C程序代码。我按照官方文档进行配置：

$(".cCodeMirror").each(function(){
  var cEditor = CodeMirror.fromTextArea($(this)[0], {
         lineNumbers: true,
         matchBrackets: true,
         mode: "text/x-csrc",
         readOnly: true,
         styleActiveLine: true,
         theme: "eclipse"
       });
});

但是我可以看到如下代码：

请注意，不会突出显示语法，例如int关键字看起来是纯文本，printf（）函数是纯文本，等等。我想念什么？这是实时网址：here

有什么想法吗？

Answer 1

您确定要添加clike.js和eclipse.css吗？

由cdnjs托管：

• https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.42.2/theme/eclipse.min.css
• https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.42.2/mode/clike/clike.min.js

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