大模型应用开发工程化实践：将大模型返回的Markdown内容渲染为HTML

版权声明

• 本文原创作者：谷哥的小弟
• 作者博客地址：http://blog.csdn.net/lfdfhl

当前痛点

在现代Web应用开发中，大模型（Large Language Models，如ChatGPT或Grok）越来越常被集成到项目中，用于生成智能响应。这些响应通常以Markdown格式输出，因为Markdown简单、结构化，便于表达标题、列表、代码块等元素。然而，如果你的前端页面基于HTML（可能结合Thymeleaf模板引擎），直接将Markdown字符串注入到页面中，会导致显示效果不佳：文本会以纯文本形式出现，缺少格式化（如粗体、链接、表格等），影响用户体验。

本文将详细介绍如何在前端页面中优雅地将大模型返回的Markdown内容渲染为HTML显示。我们将采用客户端渲染方案，使用轻量级JavaScript库marked.js作为核心工具。该方案适用于静态或动态页面（如使用HTMX进行异步加载的项目），并确保原有功能不受影响。通过本文，你可以轻松复制并应用到自己的项目中，解决类似问题。

适用场景：

• 前端技术栈：HTML + Thymeleaf（或纯HTML）。
• 大模型响应：动态、变长的Markdown字符串。