Browse Source

为富文本编辑器增加标题

main
pixel 4 years ago
parent
commit
38d3c7559c
  1. 6
      web/src/view/example/rte/rte.vue

6
web/src/view/example/rte/rte.vue

@ -1,5 +1,6 @@
<template> <template>
<div> <div>
<h1>富文本编辑器</h1>
<div class="edit_container"> <div class="edit_container">
<quill-editor <quill-editor
:options="editorOption" :options="editorOption"
@ -11,6 +12,7 @@
></quill-editor> ></quill-editor>
<el-button plain @click="saveHtml">保存</el-button> <el-button plain @click="saveHtml">保存</el-button>
</div> </div>
<h1>markdown编辑器</h1>
<div class="edit"> <div class="edit">
<mavon-editor v-model="model.content"></mavon-editor> <mavon-editor v-model="model.content"></mavon-editor>
<el-button type="primary" size="small" @click="submit">发表</el-button> <el-button type="primary" size="small" @click="submit">发表</el-button>
@ -42,7 +44,9 @@ export default {
onEditorBlur() {}, // onEditorBlur() {}, //
onEditorFocus() {}, // onEditorFocus() {}, //
onEditorChange() {}, // onEditorChange() {}, //
saveHtml() {}, //
saveHtml() {
console.log(this.content)
}, //
submit(){} submit(){}
} }
} }

Loading…
Cancel
Save