759b22bcab
Former-commit-id: 01aff41180982975a9cb033acbb731fa735bf4e3 [formerly 67dd5bbc29eeedbb2f3f3fbfc9003d34fe9017e8] [formerly 01aff41180982975a9cb033acbb731fa735bf4e3 [formerly 67dd5bbc29eeedbb2f3f3fbfc9003d34fe9017e8] [formerly 01aff41180982975a9cb033acbb731fa735bf4e3 [formerly 67dd5bbc29eeedbb2f3f3fbfc9003d34fe9017e8] [formerly 67dd5bbc29eeedbb2f3f3fbfc9003d34fe9017e8 [formerly 550ec8dd58b5f550f6100490ec9cf0f2543b1249 [formerly ec93e1b3e14bc8fcb33c4eea29beea705f6a05b9]]]]] Former-commit-id: 1234fa47b5c5a01010401753500dfdb90406ed93 Former-commit-id: 3556b1e05a610e2b0fba4388b68ecd833827215f Former-commit-id: 94a1a30e4096a1f369f17c3d8ac4dd33e26fff4b [formerly 04ff50216577f8cf87abfdc8b0b98016e658fb0c] Former-commit-id: d3a16f0bb4afdf6dfb34e608d3b873553b227703 Former-commit-id: 90d686367a08d3964a699556e869e1d9094c8890 Former-commit-id: 9c0b0f82e8e9c2f2a88c51f18e2adddc3cbbecc7 Former-commit-id: 62b6715058e3285e886a358384d983a21a833b97 Former-commit-id: bd4b676507374d8616fcd1724a762ae5dd835961
50 lines
1.2 KiB
Vue
50 lines
1.2 KiB
Vue
<template>
|
|
<d2-container>
|
|
<template slot="header">基本示例</template>
|
|
<d2-quill
|
|
style="min-height: 200px;"
|
|
v-model="value"
|
|
@text-change="textChangeHandler"
|
|
@selection-change="selectionChangeHandler"
|
|
@editor-change="editorChangeHandler"/>
|
|
<el-card shadow="never" class="d2-mt">
|
|
<d2-highlight :code="formated"/>
|
|
</el-card>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<script>
|
|
import htmlFormat from '@/libs/htmlFormat.js'
|
|
import value from './value'
|
|
export default {
|
|
data () {
|
|
return {
|
|
htmlFormat,
|
|
value
|
|
}
|
|
},
|
|
computed: {
|
|
formated () {
|
|
return htmlFormat(this.value)
|
|
}
|
|
},
|
|
methods: {
|
|
textChangeHandler (delta, oldDelta, source) {
|
|
// console.group('QuillEditor textChangeHandler')
|
|
// console.log(delta, oldDelta, source)
|
|
// console.groupEnd()
|
|
},
|
|
selectionChangeHandler (range, oldRange, source) {
|
|
// console.group('QuillEditor selectionChangeHandler')
|
|
// console.log(range, oldRange, source)
|
|
// console.groupEnd()
|
|
},
|
|
editorChangeHandler (eventName, ...args) {
|
|
// console.group('QuillEditor editorChangeHandler')
|
|
// console.log(eventName, args)
|
|
// console.groupEnd()
|
|
}
|
|
}
|
|
}
|
|
</script>
|