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？我认为这是强制性的，检查上面提到的第一页中的导入，你可能会错过一个模块。

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

1 个答案: