<template>
	<div id="app">
		<editor :init="init" />
	</div>
</template>

<script>
import tinymce from 'tinymce/tinymce'
import Editor from '@tinymce/tinymce-vue'
export default {
	name: 'App',
	data() {
		return {
			init: {
				height: 500,
				menubar: false,
				plugins: ['advlist autolink lists link image charmap print preview anchor', 
                                                 'searchreplace visualblocks code fullscreen', 'insertdatetime media
                                                table paste code help wordcount'],
				toolbar: 'undo redo | formatselect | bold italic backcolor | \
           alignleft aligncenter alignright alignjustify | \
           bullist numlist outdent indent | removeformat | help'
			}
		}
	},
	mounted() {},
	components: {
		Editor
	}
}
</script>

<style>
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 60px;
}
</style>