vue实现markdown效果、代码复制等

实现markdown

就像csdn一样，左边编辑，右边预览，保存存数据库。

安装依赖

npm install marked

示例

html部分

<divclass="right-panel"><h3>预览</h3><divclass="preview-box"v-html="compiledMarkdown"></div></div>

js部分

import{marked}from"marked";constcompiledMarkdown=computed(()=>{returnmarked.parse(form.value.projectContent||"");});

代码复制

复制按钮一直显示还是鼠标移动过去再显示?

是通过css样式控制的，见css笔记。