0.3.3 • Published 3 years ago
@baoshishu/vue-editor v0.3.3
vue-editor
A full-fledged rich-text editor for Vue.js
Installation
npm install @baoshishu/vue-editor tiptap tiptap-extensions v-tooltip prosemirror-utils
or
yarn add @baoshishu/vue-editor tiptap tiptap-extensions v-tooltip prosemirror-utils
Demo
See the live demo
Basic Setup
<template>
<Editor v-model="data" :image-provider="imageProvider" />
</template>
<script>
// Import the editor
import Editor from '@baoshishu/vue-editor'
export default {
components: {
Editor,
},
data() {
return {
data: '',
imageProvider: {
name: 'qiniu', // provider name
token:
'-qWchT63mkZEJch0ygm3bN9h3peInHqCcSAEMtvV:9YAz4dCiB3EAdYuoDVO0YvObtqY=:eyJzY29wZSI6InRlc3QiLCJkZWFkbGluZSI6MTkwMjAyODY1NX0=', // upload token
domain: 'cdn-testing.zanquan.net', // upload domain
modifier: ({ width, height, url }) => {
if (width < 750) {
return url
} else {
return `${url}?imageMogr2/thumbnail/750x/`
}
},
},
}
},
}
</script>
imageProvider
could also be a function returning a Promise, thus imageProvider
would be lazily resolved when user upload image first time.
function resolveProvider() {
return new Promise(resolve => {
setTimeout(() => {
resolve({
name,
token,
domain,
})
}, 1000)
})
}
{
imageProvider: resolveProvider
}
AliOSSProvider
import Editor from '@baoshishu/vue-editor'
export default {
components: {
Editor,
},
data() {
return {
data: '',
imageProvider: {
name: 'aliyun',
signature: 'DQdDwZMymx9SKS1HHNFxFbFauVc=',
policy:
'eyJleHBpcmF0aW9uIjogIjIwMjAtMDYtMTNUMDU6MTQ6MzVaIiwgImNvbmRpdGlvbnMiOiBbWyJlcSIsICIkYnVja2V0IiwgInlvdWp1YW4tc3RhZ2luZyJdXX0=',
domain: 'your-bucket.oss-cn-hangzhou.aliyuncs.com',
OSSAccessKeyId: 'LTAI4G3mD1eKGFqCJnrvNL',
},
}
},
}
0.3.2
3 years ago
0.3.1
3 years ago
0.3.3
3 years ago
0.3.0
4 years ago
0.2.8
4 years ago
0.2.7
4 years ago
0.2.6
4 years ago
0.2.4
4 years ago
0.2.3
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.30
4 years ago
0.1.31
4 years ago
0.1.29
4 years ago
0.1.27
4 years ago
0.1.28
4 years ago
0.1.26
4 years ago
0.1.25
4 years ago
0.1.24
5 years ago
0.1.23
5 years ago
0.1.22
5 years ago
0.1.21
5 years ago
0.1.20
5 years ago
0.1.19
5 years ago
0.1.18
5 years ago
0.1.17
5 years ago
0.1.15
5 years ago
0.1.14
5 years ago
0.1.13
5 years ago
0.1.12
5 years ago
0.1.11
5 years ago
0.1.10
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago