LaravelLaravel & VueJsVueJs

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 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
★ READ ALSO ★  Facebook Like Content Loading Placeholder For Vue.js

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close