如何使用代码镜像为特定语言突出显示语法

Question

如何使用 codemirror 语法突出显示特定语言的代码。

我的 html 看起来像这样：

<head>
    <link rel="stylesheet" type="text/css" href="codemirror/lib/codemirror.css">
</head>

<body>
    <textarea class="codetextarea"></textarea>

    <!-- javascript files-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
    <script type="text/javascript" src="codemirror/lib/codemirror.js"></script>
    <script type="text/javascript" src="js/default.js"></script>
</body>

还有我的javascript：

$(document).ready(function() {
    var code = $(".codetextarea")[0];
    var editor = CodeMirror.fromTextArea(code, {
        lineNumbers : true,
    });
});

codemirror是codemirror的目录API.

我想为 C++ 做语法高亮，但我不知道怎么做。

Answer 1

只需在编辑器的配置中添加语言即可；) 我认为 mode 参数就是您要查找的参数。

C++官方网站示例：

var cppEditor = CodeMirror.fromTextArea(document.getElementById("cpp-code"), {
    lineNumbers: true,
    matchBrackets: true,
    mode: "text/x-c++src"
});

检查此页面中的 C++ 来源：http://codemirror.net/mode/clike/index.html

此页面列出了所有支持的语言：http://codemirror.net/mode/index.html

编辑：

我必须承认他们的文档很不清楚，无法在其中找到您想要的内容。

您是否尝试将此文件添加到您的网页：http://codemirror.net/mode/clike/clike.js？我认为这是强制性的，检查我上面提到的第一页中的导入，你可能错过了一个模块。

如何使用代码镜像为特定语言突出显示语法

How do I make syntax highlighting for a specific language with code mirror

javascript

codemirror