42 lines
741 B
Vue
42 lines
741 B
Vue
<template>
|
|
<div>
|
|
<mavon-editor
|
|
v-model="content"
|
|
ref="md"
|
|
@change="change"
|
|
style="min-height: 600px;max-height: 600px"
|
|
/>
|
|
|
|
<button @click="submit">提交</button>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
content:'', // 输入的markdown
|
|
html:'', // 及时转的html
|
|
}
|
|
},
|
|
methods: {
|
|
// 所有操作都会被解析重新渲染
|
|
change(value, render){
|
|
console.log(value)
|
|
// render 为 markdown 解析后的结果[html]
|
|
this.html = render;
|
|
},
|
|
// 提交
|
|
submit(){
|
|
console.log(this.content);
|
|
console.log(this.html);
|
|
}
|
|
},
|
|
mounted() {
|
|
|
|
}
|
|
}
|
|
</script>
|