dti-simple-text-editor

DIT Coding challenge

Usage no npm install needed!

<script type="module">
  import dtiSimpleTextEditor from 'https://cdn.skypack.dev/dti-simple-text-editor';
</script>

README

Simple Text Editor

A Vuex.js 2.0 simple text editor for DIT coding challenge

Installation

npm install dti-simple-text-editor

Then in your main.js file import and setup the component:

import Vue from 'vue'
import App from './App'
import SimpleTextEditor from 'dti-simple-text-editor'

let config = {
  menu: [
    'bold', 'italic', 'underline'
  ]
};
Vue.use(Vuex);
Vue.use(SimpleTextEditor, config);

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

Now you can use it in your app by simply adding:

 <SimpleTextEditor></SimpleTextEditor>

How it looks

screenshot

Find an online DEMO here