知识社区
切换
AI助手
Ai社区
文章
资讯
主页
AI助手
社区
文章
资讯
-->
常用工具
网站模板
登录
注册
全部
问答
分享
建议
讨论
公告
动态
其它
修改下如下内容 <!-- * @Author: mjjh * @LastEditTime: 2023-04-09 1
动态
未结
0
38
邮箱用户_lh582
LV1
2月16日 09:50
发表
摘要:
修改下如下内容 <!-- * @Author: mjjh * @LastEditTime: 2023-04-09 14:23:52 * @FilePath: \chatgpt-shuowen\src\views\chat\components\Message\Text.vue * @Description: 消息组件 --> <script lang="ts" setup> import { computed, ref } from 'vue' import MarkdownIt from 'markdown-it' import mdKatex from '@traptitech/markdown-it-katex' import mila from 'markdown-it-link-attributes' // import hljs from 'highlight.js' import hljs from 'highlight.js/lib/core' // 引入需要的语言模块 import java from 'highlight.js/lib/languages/java' import cpp from 'highlight.js/lib/languages/cpp' import html from 'highlight.js/lib/languages/xml' import javascript from 'highlight.js/lib/languages/javascript' import python from 'highlight.js/lib/languages/python' import { useBasicLayout } from '@/hooks/useBasicLayout' import { t } from '@/locales' interface Props { inversion?: boolean error?: boolean text?: string thinking?: string loading?: boolean asRawText?: boolean } const props = defineProps<Props>() hljs.registerLanguage('java', java) hljs.registerLanguage('cpp', cpp) hljs.registerLanguage('html', html) hljs.registerLanguage('javascript', javascript) hljs.registerLanguage('python', python) const { isMobile } = useBasicLayout() const textRef = ref<HTMLElement>() const mdi = new MarkdownIt({ linkify: true, highlight(code, language) { const validLang = !!(language && hljs.getLanguage(language)) if (validLang) { const lang = language ?? '' return highlightBlock(hljs.highlight(code, { language: lang }).value, lang) } return highlightBlock(hljs.highlightAuto(code).value, '') }, }) mdi.use(mila, { attrs: { target: '_blank', rel: 'noopener' } }) mdi.use(mdKatex, { blockClass: 'katexmath-block rounded-md p-[10px]', errorColor: ' #cc0000' }) const wrapClass = computed(() => { return [ 'text-wrap', 'min-w-[20px]', 'rounded-md', isMobile.value ? 'p-2' : 'px-3 py-2', props.inversion ? 'bg-[#d2f9d1]' : 'bg-[#f4f6f8]', props.inversion ? 'dark:bg-[#
为了确保你提供的公式能够正常解析和显示,需要确认几个关键点: 1. **KaTeX 配置**:确保 `markdown-it-katex` 插件正确加载并配置。 2. **Markdown 解析**:确保 Markdown 解析器正确处理 LaTeX 公式。 根据你的代码,`markdown-it-katex` 已经被正确引入和使用。为了进一步确保公式的正常解析,建议进行以下调整: ### 1. 确保 KaTeX 样式正确加载 在 `