为了给网站多引点流量,把使用的技术写成文章,如果更好的展示就需要用到 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>
<!--预览模式-->