vue markdown组件 vue-markdown

发布时间:2022-06-23 16:41:02

为了给网站多引点流量,把使用的技术写成文章,如果更好的展示就需要用到 markdown,于是使用了下面的开源组件

开源地址

https://github.com/zhaoxuhui1122/vue-markdown

安装

npm i -S vue-meditor

引入

<script>
import { MarkdownPro } from 'vue-meditor'
import { MarkdownPreview } from 'vue-meditor'
export default {
  components: {
    MarkdownPro,
    MarkdownPreview
  },

使用1

 <MarkdownPro v-model="form.newsContent"  :height="300"></MarkdownPro> <!--编辑器-->
<MarkdownPreview :initialValue="currentRow.newsContent"  :height="300"></MarkdownPreview>
<!--预览模式-->

Card image cap
APP STORE
Card image cap
应用宝
Card image cap
小米
Card image cap
华为