codemirror显示markdown

要在CodeMirror中显示Markdown，您需要使用一个称为CodeMirror-Markdown的插件。以下是使用CodeMirror-Markdown插件在CodeMirror中显示Markdown的步骤。

首先，您需要引入CodeMirror的CSS和JavaScript文件。您可以从CodeMirror的官方网站下载这些文件。
接下来，您需要引入CodeMirror-Markdown插件的CSS和JavaScript文件。您可以从插件的GitHub页面下载这些文件。
创建一个HTML文本框，并为其指定一个ID。例如：

<textarea id="my-textarea"></textarea>

在JavaScript代码中，创建一个CodeMirror实例，并将其与HTML文本框关联起来。例如：

var myTextarea = document.getElementById("my-textarea");
var editor = CodeMirror.fromTextArea(myTextarea, {
  mode: "markdown",
  lineNumbers: true,
  theme: "default",
  extraKeys: {"Enter": "newlineAndIndentContinueMarkdownList"}
});

这会创建一个具有Markdown语法高亮显示和行号的CodeMirror实例。

最后，您需要在页面上引入Markdown.js文件，并使用它将Markdown文本转换为HTML。例如：

var converter = new showdown.Converter();
var html = converter.makeHtml(editor.getValue());
document.getElementById("my-preview").innerHTML = html;

这将Markdown文本转换为HTML，并将其显示在页面上的某个元素中（例如，一个带有ID“my-preview”的DIV）。

这就是使用CodeMirror-Markdown插件在CodeMirror中显示Markdown的步骤。