Need help with vue-medium-editor?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

FranzSkuffka
401 Stars 57 Forks MIT License 55 Commits 4 Opened issues

Description

✍️ A MediumEditor component for Vue 2. Demo:

Services available

!
?

Need anything else?

Contributors list

# 136,895
Vue.js
Webpack
elm
preproc...
38 commits
# 226,155
Vue.js
HTML
medium-...
PHP
2 commits
# 439,847
Vue.js
JavaScr...
HTML
medium-...
2 commits
# 63,312
Vue.js
Terrafo...
cloudfr...
elm
2 commits
# 43,127
Vue.js
medium-...
ng-admi...
Angular
1 commit
# 379,794
Vue.js
HTML
medium-...
PHP
1 commit
# 51,715
vuejs
vue2
Shell
TypeScr...
1 commit
# 99,225
prometh...
Vue.js
python3
Rust
1 commit
# 77,161
Go
vue-cli
vue-cli...
C++
1 commit

vue2-medium-editor

A medium-editor component for Vue2. For Vue1 checkout branch 1.0.

Standard - JavaScript Style Guide

Installation

#bash
npm i --save vue2-medium-editor

Usage

//app.js
import editor from 'vue2-medium-editor'
import Vue from 'vue'

new Vue { ... components: { 'medium-editor': editor } }

Full usage example at github.com/FranzSkuffka/vue-medium-editor/tree/gh-pages

A list of available options can be found in the documentation of MediumEditor. Optionally you may use the standalone builds from

dist
which have medium-editor.js included.

Make sure you include the required CSS.

Custom buttons and extensions

To create extensions for the MediumEditor you will need the original MediumEditor object, which you can get like this:

var HighlightButton = VueMediumEditor.MediumEditor.Extension.extend({
    // ...
});

See Extensions section of the MediumEditor's wiki for details.

Bundling & Minification

To generate the standalone bundle

bash
npm i --save-dev
npm run prepublish

Known Issues

If you encounter issues with the link button and the events it emits, please refer to https://github.com/yabwe/medium-editor/issues/1153.

Contributors

Anyone else who opened an Issue or PR!

Thank you! :tada:

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.