登录

前端渲染将markdown语法转为html-访客聊天页支持客服返回markdown语法

客服如果想发送markdown语法的文本信息给访客

访客页需要能把markdown转为html的格式,这样才能正常输出样式


现在我们使用markdown-it这个js库来实现转换

在您的网页中引入markdown-it的JavaScript文件。例如:

<script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>


创建一个新的markdown-it对象,并根据需要添加插件(可选)。例如:

const md = window.markdownit();
调用md.render()方法,将Markdown文本作为参数传入。例如:
const result = md.render('# Hello, world!');

将生成的HTML代码添加到网页中的某个元素中。例如:

document.getElementById('output').innerHTML = result;


因为我的内容里本来就有html样式,所以还需要配置渲染参数支持原来的html

//markdown解析
const md = window.markdownit({
    html: true,
    linkify: true,
    typographer: true
});


这样就能解析markdown语法了