44 lines
966 B
Vue
44 lines
966 B
Vue
<template>
|
|
<div>
|
|
<editor ref="myEditor" v-model="text" @init="editorInit" lang="asciidoc" theme="github" width="100%" height="500" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Editor",
|
|
data: function () {
|
|
return {
|
|
text: ''
|
|
}
|
|
},
|
|
props: {
|
|
content: String
|
|
},
|
|
components: {
|
|
editor: require('vue2-ace-editor')
|
|
},
|
|
watch: {
|
|
content: function(newValue) {
|
|
console.log('text update\n'+newValue)
|
|
let editor = this.$refs.myEditor.editor
|
|
editor.renderer.updateFull()
|
|
this.text = newValue
|
|
},
|
|
text: function() {
|
|
this.$emit('change', this.text)
|
|
}
|
|
},
|
|
methods: {
|
|
editorInit: function () {
|
|
require('brace/ext/language_tools') //language extension prerequsite...
|
|
require('brace/mode/asciidoc') //language
|
|
require('brace/theme/github')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |