当前位置: 首页> 科技> 名企 > 新媒体营销方案_中企动力的网站如何_百度竞价广告_引流推广公司

新媒体营销方案_中企动力的网站如何_百度竞价广告_引流推广公司

时间:2025/7/11 18:25:12来源:https://blog.csdn.net/weixin_47454566/article/details/143933911 浏览次数:0次
新媒体营销方案_中企动力的网站如何_百度竞价广告_引流推广公司

功能:用户和ai对话,ai回复有打字机效果,一个字一个字加载(查看如何加载流式数据),并相对应的标签根据md格式渲染
接口:使用流式数据,返回
开源库:有很多开源库,这里我选择了v-md-editor

v-md-editor官网

引入(可以直接在main.js文件中引入)

import VMdEditor from '@kangc/v-md-editor';
import '@kangc/v-md-editor/lib/style/base-editor.css';
import githubTheme from "@kangc/v-md-editor/lib/theme/github.js"; //主题
import "@kangc/v-md-editor/lib/theme/style/github.css";
import hljs from "highlight.js"; //高亮代码VMdEditor.use(githubTheme, {Hljs: hljs,codeHighlightExtensionMap: {js: 'javascript', // 将 'js' 扩展名映射到 'javascript' 高亮模式html: 'html',    // 将 'html' 扩展名映射到 'html' 高亮模式vue: 'xml',css: 'css',java: 'java',python: 'python',sql: 'sql',// 添加其他你需要的映射},
});
VMdEditor.use(createCopyCodePlugin());//代码复制
VMdEditor.use(createMermaidPlugin()); //mermaid格式渲染,但是这个功能一直没实现
Vue.use(VMdEditor);

使用(因为md格式大部分都是左右分栏,左边编辑,右边是预览模式,我这里的需求是只需要渲染,所以mode格式为preview)

<v-md-editorv-model="item.answer"mode="preview"@copy-code-success="handleCopyCodeSuccess"
/>
关键字:新媒体营销方案_中企动力的网站如何_百度竞价广告_引流推广公司

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: