javascript - 如何使用代码镜像为特定语言进行语法高亮

如何使用 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++ 进行语法突出显示，但我不知道如何做。

最佳答案

只需在编辑器的配置中添加语言即可；) 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 ？我认为这是强制性的，检查我上面提到的第一页中的导入，你可能错过了一个模块。

关于javascript - 如何使用代码镜像为特定语言进行语法高亮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50100739/