可以使用 marked.js 库将 Markdown 文本转换为 HTML,然后将 HTML 插入到 div 标签中以在 textarea 标签旁边显示 Markdown 预览。

HTML 部分:

<textarea id='markdown-textarea'></textarea>
<div id='markdown-preview'></div>

JavaScript 部分:

// 引入 marked.js 库
const marked = require('marked');

// 获取 textarea 标签和 Markdown 文本
const textarea = document.getElementById('markdown-textarea');
const markdownText = textarea.value;

// 将 Markdown 文本转换为 HTML
const html = marked(markdownText);

// 将 HTML 插入到预览区域
const preview = document.getElementById('markdown-preview');
preview.innerHTML = html;

需要注意的是,textarea 标签是用于输入文本的,不支持 HTML 标签。因此,将 HTML 插入到 textarea 标签中并不能直接显示,需要使用其他标签来显示。在上面的示例代码中,使用了一个 div 标签来显示 Markdown 预览。

如何在 textarea 标签中显示 Markdown 内容

原文地址: https://www.cveoy.top/t/topic/mryB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录