vue + mavon-editor
推荐一个markdown编辑器:mavon-editor
- Install mavon-editor (安装)
npm install mavon-editor --save
- 全局引入(main.js)
import Vue from 'vue'
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
Vue.use(mavonEditor)
- 在组件中引入
<template>
<div id="app">
<mavon-editor v-model="content"/>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return {
content: ''
}
}
}
</script>
<style lang="less">
</style>
markdown 语法的字符串在前端显示
- 安装 showdown 模块
npm install showdown --save
- 引入
import showdown from 'showdown'
- 使用
let converter = new showdown.Converter()// 初始化转换器
let html = converter.makeHtml(text)// 将 markdown 语法的字符串转换为 html
-------------------------------------------
个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!
万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!