vue-xeditable

vue-xeditable

Vue Editable Component, base on X-Editable

Example

DEMO PAGE

Use Setup

install vue-editable

npm install vue-xeditable --save

Vue mount

import Editable from './Editable.vue'

new Vue({
  el: '#app',
  components: {
    'editable': Editable
  },
  data: {
    value1: 'value'
  }
})

<editable v-model='value1'></editable>

Base

Credit by X-editable.

Support Types

text, textarea, number, text, wysihtml5, lots else.

WYSIHTML5

If you want to use wysihtml5 feature, you should add these code:

  <script src="https://cdn.bootcss.com/x-editable/1.5.0/inputs-ext/wysihtml5/bootstrap-wysihtml5-0.0.2/wysihtml5-0.3.0.min.js"></script>
  <script src="https://cdn.bootcss.com/x-editable/1.5.1/inputs-ext/wysihtml5/bootstrap-wysihtml5-0.0.2/bootstrap-wysihtml5-0.0.2.min.js"></script>
  <script src="https://cdn.bootcss.com/x-editable/1.5.0/inputs-ext/wysihtml5/wysihtml5.js"></script>