Markdown Editor Component For Vue.js

Description: A simple, clean WYSIWYG markdown editor for Vue.js. Powered by Bootstrap 4 and Font Awesome iconic font. Usage: Install, import the component. import Css from './css/layout.css' import 'bootstrap' import Vue from 'vue' import App from './app.vue' import rout


Description:

A simple, clean WYSIWYG markdown editor for Vue.js. Powered by Bootstrap 4 and Font Awesome iconic font.

Usage:

Install, import the component.

import Css from './css/layout.css'
import 'bootstrap'

import Vue from 'vue'
import App from './app.vue'
import router from './router';
import store from './store'
import Editor from '../src/index'

Vue.use(Editor);

const app = new Vue({
  el: '#app', 
  store,
  router,
  render: h => h(App)
})

// expose the app, the router and the store.
// note we are not mounting the app here, since bootstrapping will be
// different depending on whether we are in a browser or on the server.
export { app, router, store }

The example app.

<template>
  
-->
{{value}}
</div> </template> export default { data() { return { value: 'Hello world' } }, methods: { val() { this.value = "jjkjlkjljlkjlkjlkjlkj" } } }

Preview:

Download Details:

Author: nasa8x

Live Demo: https://nasa8x.github.io/v-markdown-editor/dist/demo/

Download Link: https://github.com/nasa8x/v-markdown-editor/archive/master.zip

Official Website: https://github.com/nasa8x/v-markdown-editor

Last Update: November 25, 2017

Views Total: 0

Install:

# NPM
$ npm install v-markdown-editor--save


Source link

Tags :