71 lines
1.7 KiB
Vue
Executable File
71 lines
1.7 KiB
Vue
Executable File
<template>
|
|
<div>
|
|
<Markdown
|
|
v-model="val"
|
|
@on-ready="onReady"
|
|
@on-copy="onCopy"
|
|
@on-upload-image="onUpladImage"
|
|
@on-save="onSave"
|
|
:height="fullHeight"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
// import Markdown from './dist/simple';
|
|
// import Markdown from 'vue-meditor';
|
|
import Markdown from './src/pro';
|
|
// import Markdown from './src/simple';
|
|
|
|
export default {
|
|
components: {
|
|
Markdown
|
|
},
|
|
mounted() {
|
|
const that = this
|
|
window.onresize = () => {
|
|
return (() => {
|
|
window.fullHeight = document.documentElement.clientHeight
|
|
that.fullHeight = window.fullHeight
|
|
})()
|
|
}
|
|
},
|
|
data: function () {
|
|
return {
|
|
val: '',
|
|
fullHeight: document.documentElement.clientHeight
|
|
}
|
|
},
|
|
watch: {
|
|
fullHeight(val) {
|
|
if (!this.timer) {
|
|
this.fullHeight = val
|
|
this.timer = true
|
|
let that = this
|
|
setTimeout(function() {
|
|
that.timer = false
|
|
}, 400)
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
onReady(data) {
|
|
console.log(data)
|
|
},
|
|
onCopy(text) {
|
|
console.log(text);
|
|
},
|
|
onUpladImage(file) {
|
|
console.log(file)
|
|
},
|
|
onSave(data) {
|
|
console.log(data);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
|
|
</style>
|