vue-editor-js
Advanced tools
Weekly downloads
Readme
vue-editor-js is editorjs wrapper component.
Please see this first. https://editorjs.io/
This plugins is turned to be just wrapper component. If you need to use plugin for editor.js, just import and set to config property.
Please See the Demo.vue
Please Vue.use
vue-editor-js in main.js.
npm install --save vue-editor-js
# or Yarn
yarn add vue-editor-js
// In main.js
// ...
import Editor from 'vue-editor-js'
Vue.use(Editor)
// ...
// on Nuxt.js
// in nuxt.config.js
plugins: [
{
src: '~/plugins/vue-editor.js', ssr: false
}
],
// in ~/plugins/vue-editor.js
import Vue from 'vue'
import Editor from 'vue-editor-js'
Vue.use(Editor)
<editor ref="editor" :config="config" :initialized="onInitialized"/>
define initialize Function for get instance of editor.js when initialized
If you confused using on Nuxt, please see here
You can import Editor only in components where you need it.
@vue/composition-api
npm i --save @vue/composition-api
#or Yarn
yarn add @vue/composition-api
import Vue from 'vue'
import VueCompositionApi from '@vue/composition-api'
Vue.use(VueCompositionApi)
'vue-editor-js'
in main.jsimport { Editor } from 'vue-editor-js'
export default {
// ...
components: {
Editor,
},
// ...
}
Same as in Supported Plugins, but with different naming
<editor header list code ... :config="config"/>
for upload image, You need a backend for processing image. vue-editor-js provide special config
props for easy.
If you server for test upload image, please see server example.
<editor :config="config" />
<script>
...
data() {
return {
config: {
image: {
// Like in https://github.com/editor-js/image#config-params
endpoints: {
byFile: 'http://localhost:8090/image',
byUrl: 'http://localhost:8090/image-by-url',
},
field: 'image',
types: 'image/*',
},
}
}
}
</script>
config: {
personality: {
endpoints: 'http://localhost:8090/image'
}
Enjoy editorjs with Vue.js Project :tada:
OR
This repository contributors are welcome to use Wallaby.js OSS License to get test results immediately as you type, and see the results in your editor right next to your code.
FAQs
[](https://wallabyjs.com/oss/)
The npm package vue-editor-js receives a total of 441 weekly downloads. As such, vue-editor-js popularity was classified as not popular.
We found that vue-editor-js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.