VueJS Markdown
https://vuejs.org/v2/examples/
by zerolfc
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.min.js"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<div id="markdown">
<textarea @input="update">{{ message }}</textarea>
<div v-html="compiled"></div>
</div>JavaScript
new Vue({
el: '#markdown',
data: {
message: ''
},
computed: {
compiled() {
return marked(this.message, { sanitize: true })
}
},
methods: {
update: _.debounce(function(e) {
this.message = e.target.value;
},150)
}
});