如何在 textarea 标签中显示 Markdown 内容
可以使用 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 预览。
原文地址: https://www.cveoy.top/t/topic/mryB 著作权归作者所有。请勿转载和采集!