vue2-medium-editor
A medium-editor component for Vue2. For Vue1 checkout branch 1.0.
Installation & usage
# bash
npm i --save vue2-medium-editor
# app.js
import editor from 'vue2-medium-editor'
import Vue from 'vue'
new Vue {
...
components: {
'medium-editor': editor
}
}
# index.html
<medium-editor :text='myText' :options='options' custom-tag='h2' v-on:edit='applyTextEdit'>
Reusing the MediumEditor instance
By default the component will reuse a single MediumEditor instance within the same instance of Vue.
The configuration options for the editor are then set by the first component instance and shared across any subsequent instances.
If you need to have multiple instances of the editor with different configuration options, you can use the reuse-medium-editor-instance
prop:
# index.html
<medium-editor :text='myText' :options='options' :reuse-medium-editor-instance="false">
<medium-editor :text='myOtherText' :options='differentOptions' :reuse-medium-editor-instance="false">
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.
Bundling & Minification
To generate the standalone bundle
npm i --save-dev
npm run build
Contributors
This project is made possible thanks to:
- franzskuffka
- gcoda
- seguer
- Anyone else who opened an Issue or PR! Thank you!