|
@@ -9,9 +9,9 @@
|
|
|
<el-form-item label="标题" prop="title">
|
|
|
<el-input v-model="form.title"></el-input>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="排序值">
|
|
|
+ <el-form-item label="排序值">
|
|
|
<el-input v-model="form.order"></el-input>
|
|
|
- </el-form-item> -->
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="链接地址" prop="linkUrl">
|
|
|
<el-input v-model="form.linkUrl"></el-input>
|
|
|
</el-form-item>
|
|
@@ -54,6 +54,24 @@ import 'quill/dist/quill.snow.css'
|
|
|
import 'quill/dist/quill.bubble.css'
|
|
|
|
|
|
import { quillEditor } from 'vue-quill-editor'
|
|
|
+
|
|
|
+// 工具栏配置
|
|
|
+const toolbarOptions = [
|
|
|
+ ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
|
|
|
+ ["blockquote", "code-block"], // 引用 代码块
|
|
|
+ [{ header: 1 }, { header: 2 }], // 1、2 级标题
|
|
|
+ [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
|
|
|
+ [{ script: "sub" }, { script: "super" }], // 上标/下标
|
|
|
+ [{ indent: "-1" }, { indent: "+1" }], // 缩进
|
|
|
+ // [{'direction': 'rtl'}], // 文本方向
|
|
|
+ [{ size: ["small", false, "large", "huge"] }], // 字体大小
|
|
|
+ [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
|
|
|
+ [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
|
|
|
+ [{ font: [] }], // 字体种类
|
|
|
+ [{ align: [] }], // 对齐方式
|
|
|
+ ["clean"], // 清除文本格式
|
|
|
+ ["link", "image", "video"] // 链接、图片、视频
|
|
|
+];
|
|
|
export default {
|
|
|
components: {
|
|
|
quillEditor
|
|
@@ -69,11 +87,16 @@ export default {
|
|
|
},
|
|
|
content: null,
|
|
|
editorOption: {
|
|
|
- // some quill options
|
|
|
+ placeholder: '请输入内容',
|
|
|
+ modules: {
|
|
|
+ toolbar: {
|
|
|
+ container: toolbarOptions
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
form: {
|
|
|
title: null,
|
|
|
- order: 0,
|
|
|
+ order: null,
|
|
|
coverImage: null,
|
|
|
linkUrl: 'http://mstudev.dayaedu.com/#/specialdetail',
|
|
|
type: this.$route.query.type,
|