zydx-plus 1.33.382 → 1.33.384

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zydx-plus",
3
- "version": "1.33.382",
3
+ "version": "1.33.384",
4
4
  "description": "Vue.js",
5
5
  "main": "src/index.js",
6
6
  "files": [
@@ -0,0 +1,675 @@
1
+ <template>
2
+ <div>
3
+ <div class="fontSize20 height30 lineHeight30">代码示例:</div>
4
+ <div style="min-height: 1300px; position: relative; z-index: 20;">
5
+ <zydx-editor ref="editor"
6
+ :getOffice="getOffice"
7
+ :html="html"
8
+ :menusText="menusText"
9
+ :readOnly="readOnly"
10
+ :toolbar="toolbar"
11
+ :uploadAttachment="uploadAttachment"
12
+ :uploadImage="uploadImage"
13
+ @confirm="confirm">
14
+ </zydx-editor>
15
+ <button @click="du">只读</button>
16
+ <button @click="qie(1)">按钮</button>
17
+ <button @click="xia">下载</button>
18
+ </div>
19
+ <div>
20
+ <div>
21
+ <div class="fontSize20 height30 lineHeight30">代码片段:</div>
22
+ <pre class="language-xml" v-html="content"></pre>
23
+ </div>
24
+ </div>
25
+ <div class="margin30_0">
26
+ <div>
27
+ <div class="fontSize20 height30 lineHeight30">参数说明:</div>
28
+ <div>
29
+ <el-table
30
+ :data="paramTableData"
31
+ border
32
+ style="width: 100%">
33
+ <el-table-column
34
+ label="参数字段"
35
+ prop="field_key"
36
+ width="180">
37
+ </el-table-column>
38
+ <el-table-column
39
+ label="参数名称"
40
+ prop="field_title"
41
+ width="180">
42
+ </el-table-column>
43
+ <el-table-column
44
+ label="示例值"
45
+ prop="field_value">
46
+ </el-table-column>
47
+ <el-table-column
48
+ label="类型"
49
+ prop="field_type"
50
+ width="100">
51
+ </el-table-column>
52
+ <el-table-column
53
+ label="默认值"
54
+ prop="field_default"
55
+ width="80">
56
+ </el-table-column>
57
+ <el-table-column
58
+ label="备注"
59
+ prop="field_remarks">
60
+ </el-table-column>
61
+ </el-table>
62
+ </div>
63
+ </div>
64
+ </div>
65
+ <div class="margin30_0">
66
+ <div class="fontSize20 height30 lineHeight30">回调说明:</div>
67
+ <div>
68
+ <el-table
69
+ :data="methodTableData2"
70
+ border
71
+ style="width: 100%">
72
+ <el-table-column
73
+ label="回调方法"
74
+ prop="method_key"
75
+ width="180">
76
+ </el-table-column>
77
+ <el-table-column
78
+ label="回调名称"
79
+ prop="method_title"
80
+ width="180">
81
+ </el-table-column>
82
+ <el-table-column
83
+ label="回调说明"
84
+ prop="method_describe"
85
+ width="360">
86
+ </el-table-column>
87
+ <el-table-column
88
+ label="备注"
89
+ prop="method_remarks">
90
+ </el-table-column>
91
+ </el-table>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </template>
96
+
97
+ <script>
98
+ // import zydxEditor from "../../components/editor/src/editor-copy.vue";
99
+ import zydxEditor from "../../components/editor/src/editor";
100
+
101
+ export default {
102
+ name: "editor",
103
+ components: {zydxEditor},
104
+ mounted() {
105
+ /**
106
+ * 转换高亮显示代码 代码片段用的
107
+ */
108
+ const htmlContent = this.$Prism.highlight(this.content, this.$Prism.languages.xml, 'xml');
109
+ this.content = htmlContent
110
+ let _this = this
111
+ // setTimeout(() => {
112
+ // _this.html = [{
113
+ // type: "doc",
114
+ // content: [{
115
+ // type: "paragraph",
116
+ // attrs: {
117
+ // exegesisId: null,
118
+ // signId: null,
119
+ // cont: null,
120
+ // titleId: null,
121
+ // lineHeightId: null,
122
+ // dataUrl: null,
123
+ // textAlign: "left"
124
+ // },
125
+ // content: [{type: "text", text: "gfsdgfdsgfdgfdsgfd"}, {
126
+ // type: "text",
127
+ // marks: [{"type": "superscript"}],
128
+ // text: "[2]"
129
+ // }, {type: "text", text: " "}]
130
+ // }]
131
+ // }]
132
+ // console.log('11111111111111111',_this.html)
133
+ // },1000)
134
+ },
135
+ data() {
136
+ return {
137
+ getOffice: {
138
+ server: 'http://192.168.15.124:8888/zydx/lessonResource/editOfficeFile',
139
+ meta: {
140
+ bizId: 'b5063ffdac7047f6ba27d198ffb5b847',
141
+ },
142
+ headers: {
143
+ Authorization: '4499776d-289b-4dd5-b7c4-b74071737172'
144
+ },
145
+ },
146
+ uploadImage: {
147
+ server: 'http://192.168.15.124:8888/zydx/lessonResource/upload/img',
148
+ headers: {
149
+ Authorization: '4499776d-289b-4dd5-b7c4-b74071737172'
150
+ },
151
+ customInsert(res, insertFn) {
152
+ insertFn('http://192.168.15.124:8888' + res.data)
153
+ },
154
+ onSuccess(file, res) {
155
+ console.log('图片上传成功')
156
+ },
157
+ },
158
+ uploadAttachment: {
159
+ server: 'http://192.168.15.124:8888/zydx/fileanex/uploadfile',
160
+ fieldName: 'file',
161
+ maxFileSize: 100 * 1024 * 1024,
162
+ meta: {
163
+ bizId: 'b5063ffdac7047f6ba27d198ffb5b847',
164
+ },
165
+ headers: {
166
+ Authorization: '4499776d-289b-4dd5-b7c4-b74071737172'
167
+ },
168
+ // 在上传之前
169
+ onBeforeUpload(file) {
170
+ return file
171
+ },
172
+ // 关于进展
173
+ onProgress(progress) {
174
+ console.log('onProgress', progress)
175
+ },
176
+ // 成功回调
177
+ onSuccess(file, res) {
178
+ if (res.errno === 0) {
179
+ console.log('附件上传成功')
180
+ }
181
+ },
182
+ // 失败回调
183
+ onFailed(file, res) {
184
+ if (res.errno === 1) {
185
+ console.log('附件上传失败')
186
+ }
187
+ },
188
+ // 错误
189
+ onError(file, err, res) {
190
+ console.error('onError', file, err, res)
191
+ },
192
+ // 上传成功后,用户自定义插入文件
193
+ customInsert(res, file, insertFn) {
194
+ const {fileName, filePath} = res.data.annex
195
+ // 插入附件到编辑器
196
+ insertFn(fileName, 'http://192.168.5.213:8888' + filePath)
197
+ },
198
+
199
+ // 用户自定义上传
200
+ // customUpload(file, insertFn) {
201
+ //
202
+ // return new Promise(resolve => {
203
+ // // 插入一个文件,模拟异步
204
+ // setTimeout(() => {
205
+ // const src = 'https://www.w3school.com.cn/i/movie.ogg'
206
+ // insertFn('名字', 'http://192.168.5.213:8888')
207
+ // resolve('ok')
208
+ // }, 500)
209
+ // })
210
+ // },
211
+
212
+ // 自定义选择
213
+ // customBrowseAndUpload(insertFn) {
214
+ // // 自己上传文件
215
+ // insertFn(fileName, link)
216
+ // },
217
+ // 插入到编辑器后的回调
218
+ onInsertedAttachment(elem) {
219
+ console.log('回调', elem)
220
+ }
221
+ },
222
+ html:[],
223
+ htmls: [
224
+ {
225
+ node: 'element',
226
+ tag: 'sign',
227
+ child: []
228
+ },
229
+ {
230
+ node: "element",
231
+ tag: "h3",
232
+ child: [
233
+ {
234
+ node: "text",
235
+ text: "这是一段测试文字"
236
+ }
237
+ ]
238
+ },
239
+ {
240
+ node: "element",
241
+ tag: "p",
242
+ attr: {'data-sid': 'prohibit'},
243
+ child: [
244
+ {
245
+ node: "text",
246
+ text: "这是一段测试文字"
247
+ }
248
+ ]
249
+ },
250
+ {
251
+ attr: {
252
+ 'contenteditable': "false",
253
+ 'data-signid': "enclosure"
254
+ },
255
+ node: "element",
256
+ tag: 'p',
257
+ child: [
258
+ {
259
+ node: "element",
260
+ tag: "strong",
261
+ child: [
262
+ {
263
+ attr: {
264
+ 'style': [
265
+ 'font-size:',
266
+ '16px'
267
+ ],
268
+ },
269
+ node: "element",
270
+ tag: "span",
271
+ child: [
272
+ {
273
+ node: "text",
274
+ text: "附件列表:"
275
+ }
276
+ ]
277
+ }
278
+ ]
279
+ }
280
+ ]
281
+ },
282
+ {
283
+ attr: {
284
+ 'contenteditable': "false",
285
+ 'data-signid': "u-1",
286
+ 'class': "mu",
287
+ 'data-url': "http://192.168.5.213:8888/group1/M00/02/F4/wKgF1WUs7pSAA241AABGH775R_U20.xlsx"
288
+ },
289
+ node: "element",
290
+ tag: 'p',
291
+ child: [
292
+ {
293
+ node: "text",
294
+ text: '1. 接口.xlsx'
295
+ }
296
+ ]
297
+ },
298
+ {
299
+ attr: {
300
+ 'contenteditable': "false",
301
+ 'data-signid': "u-2",
302
+ 'class': "mu",
303
+ 'data-url': "http://192.168.5.213:8888/group1/M00/02/F4/wKgF1WUs7pSAA241AABGH775R_U20.xlsx"
304
+ },
305
+ node: "element",
306
+ tag: 'p',
307
+ child: [
308
+ {
309
+ node: "text",
310
+ text: '2. 接口.xlsx'
311
+ }
312
+ ]
313
+ }
314
+ ],
315
+ readOnly: false,
316
+ menusText: [
317
+ {
318
+ key: 'signMenu',
319
+ text: '致用大学',
320
+ ico: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABPCAYAAAB8kULjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOThBN0E1NUNDM0QxMUU4QjNFQ0Y2RTQyQUQxOTZGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOThBN0E1NkNDM0QxMUU4QjNFQ0Y2RTQyQUQxOTZGQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5OEE3QTUzQ0MzRDExRThCM0VDRjZFNDJBRDE5NkZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5OEE3QTU0Q0MzRDExRThCM0VDRjZFNDJBRDE5NkZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WxRDagAAFoJJREFUeNrMnQl8VdXx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'
321
+ },
322
+ {
323
+ key: 'titleMenu',
324
+ text: '标题'
325
+ },
326
+ {
327
+ key: 'authorMenu',
328
+ text: '作者'
329
+ },
330
+ {
331
+ key: 'numberMenu',
332
+ text: '178832'
333
+ },
334
+ {
335
+ key: 'subjectMenu',
336
+ text: '题目题目题目题目题目题目题目题目题目'
337
+ }
338
+ ],
339
+ // toolbar: ['headerSelect','fontSize',{
340
+ // key: 'group-color',
341
+ // title: '颜色选择',
342
+ // menuKeys: ['color','bgColor']
343
+ // },{
344
+ // key: 'group-align',
345
+ // title: '文字对齐',
346
+ // menuKeys: ['justifyLeft','justifyRight','justifyCenter']
347
+ // },'signMenu','redMenu','literatureMenu','titleMenu','taggingMenu','authorMenu',{
348
+ // key: 'group-image',
349
+ // title: '上传图片',
350
+ // menuKeys: ['insertImage', 'uploadImage']
351
+ // },{
352
+ // key: 'group-upload',
353
+ // title: '上传文件',
354
+ // menuKeys: ['uploadAttachment']
355
+ // },{
356
+ // key: 'group-formula',
357
+ // title: '数学公式',
358
+ // menuKeys: ['insertFormula','editFormula']
359
+ // }],
360
+ toolbar: [
361
+ 'shortcut', 'pageMargin',
362
+ 'redMenu', 'outlineMenu', 'subjectMenu', 'authorMenu', 'textMenu', 'titleMenu', 'numberMenu', {
363
+ key: 'group-image',
364
+ title: '上传图片',
365
+ menuKeys: ['insertImage', 'uploadImage']
366
+ }, {
367
+ key: 'group-upload',
368
+ title: '上传文件',
369
+ menuKeys: ['uploadAttachment']
370
+ }, 'ackMenu'],
371
+ // 模拟数据
372
+ content: `<zydx-editor :readOnly="false" :toolbar="toolbar" @confirm="confirm"></zydx-editor>`,
373
+ // 参数说明
374
+ paramTableData: [
375
+ {
376
+ field_key: 'html',
377
+ field_title: '赋值html',
378
+ field_value: ``,
379
+ field_type: 'String',
380
+ field_default: '',
381
+ field_remarks: ''
382
+ }, {
383
+ field_key: 'page',
384
+ field_title: '是否分页显示',
385
+ field_value: ``,
386
+ field_type: 'Boolean',
387
+ field_default: 'true',
388
+ field_remarks: ''
389
+ }, {
390
+ field_key: 'placeholder',
391
+ field_title: '默认文字内容',
392
+ field_value: `请开始你的表演`,
393
+ field_type: 'String',
394
+ field_default: '',
395
+ field_remarks: ''
396
+ }, {
397
+ field_key: 'butShow',
398
+ field_title: '是否显示完成按钮',
399
+ field_value: ``,
400
+ field_type: 'Boolean',
401
+ field_default: 'true',
402
+ field_remarks: ''
403
+ }, {
404
+ field_key: 'readOnly',
405
+ field_title: '是否可编辑',
406
+ field_value: ``,
407
+ field_type: 'Boolean',
408
+ field_default: 'true',
409
+ field_remarks: ''
410
+ }, {
411
+ field_key: 'menusText',
412
+ field_title: '是否可编辑',
413
+ field_value: `[{
414
+ key: 'titleMenu',
415
+ text: '标题'
416
+ }],`,
417
+ field_type: 'Array',
418
+ field_default: '',
419
+ field_remarks: ''
420
+ }, {
421
+ field_key: 'toolbar',
422
+ field_title: '工具栏配置',
423
+ field_value: `['fontSize',{
424
+ key: 'group-color',
425
+ title: '颜色选择',
426
+ menuKeys: ['color','bgColor']
427
+ },{
428
+ key: 'group-align',
429
+ title: '文字对齐',
430
+ menuKeys: ['justifyLeft','justifyRight','justifyCenter']
431
+ },'signMenu','redMenu',{
432
+ key: 'group-image',
433
+ title: '上传图片',
434
+ menuKeys: ['insertImage', 'uploadImage']
435
+ },{
436
+ key: 'group-upload',
437
+ title: '上传文件',
438
+ menuKeys: ['uploadAttachment']
439
+ }]`,
440
+ field_type: 'Array',
441
+ field_default: '',
442
+ field_remarks: ''
443
+ }, {
444
+ field_key: 'uploadImage',
445
+ field_title: '上传配置',
446
+ field_value: `uploadImage:{
447
+ // 请求路径
448
+ server: "api",
449
+ // 后端接收的文件名称
450
+ fieldName: "file",
451
+ maxFileSize: 1 * 1024 * 1024, // 1M
452
+ // 上传的图片类型
453
+ allowedFileTypes: ["image/*"],
454
+ // 小于该值就插入 base64 格式(而不上传),默认为 0
455
+ base64LimitSize: 10 * 1024, // 10MB
456
+ // 自定义插入返回格式【后端返回的格式】
457
+ customInsert(res, insertFn) {
458
+ if(res.code != 200 && res.success == false){
459
+ console.log('上传文件失败',res)
460
+ return
461
+ }
462
+ insertFn(res.data.url, res.data.alt, res.data.href)
463
+ },
464
+ // 携带的数据
465
+ meta: {
466
+ token: ''
467
+ },
468
+ // 将 meta 拼接到 url 参数中,默认 false
469
+ metaWithUrl: true,
470
+ // 单个文件上传成功之后
471
+ onSuccess(file, res) {
472
+ if(res.code == 200 && res.success){
473
+ console.log('上传成功')
474
+ return
475
+ }else {
476
+ console.log('上传出了点异常')
477
+ return
478
+ }
479
+ // console.log('上传成功', res)
480
+ },
481
+ // 单个文件上传失败
482
+ onFailed(file, res) {
483
+ console.log('上传失败',res)
484
+ },
485
+ // 上传错误,或者触发 timeout 超时
486
+ onError(file, err, res) {
487
+ console.log(err, res)
488
+ },
489
+ }`,
490
+ field_type: 'Object',
491
+ field_default: '',
492
+ field_remarks: ''
493
+ }, {
494
+ field_key: 'getOffice',
495
+ field_title: '获取Office配置',
496
+ field_value: `getOffice:{
497
+ meta: {
498
+ bizId: 'b5063ffdac7047f6ba27d198ffb5b847',
499
+ },
500
+ headers: {
501
+ Authorization:'token'
502
+ },
503
+ server: '/zydx/lessonResource/editOfficeFile',
504
+ }
505
+ }`,
506
+ field_type: 'Object',
507
+ field_default: '',
508
+ field_remarks: ''
509
+ }, {
510
+ field_key: 'uploadAttachment',
511
+ field_title: '上传文件配置',
512
+ field_value: `uploadAttachment:{
513
+ server: 'api',
514
+ fieldName: 'file',
515
+ maxFileSize: 100 * 1024 * 1024, // 100M
516
+ // 携带的数据
517
+ meta: {
518
+ token: 'token'
519
+ },
520
+ // 在上传之前
521
+ onBeforeUpload(file) {
522
+ console.log('onBeforeUpload', file)
523
+ return file // 上传 file 文件
524
+ // return false // 会阻止上传
525
+ },
526
+ // 关于进展
527
+ onProgress(progress) {
528
+ console.log('onProgress', progress)
529
+ },
530
+ // 成功回调
531
+ onSuccess(file, res) {
532
+ if(res.errno === 0){
533
+ console.log('附件上传成功')
534
+ }
535
+ },
536
+ // 失败回调
537
+ onFailed(file, res) {
538
+ if(res.errno === 1){
539
+ console.log('附件上传失败')
540
+ }
541
+ },
542
+ // 错误
543
+ onError(file, err, res) {
544
+ console.error('onError', file, err, res)
545
+ },
546
+
547
+ // // 上传成功后,用户自定义插入文件
548
+ // customInsert(res: any, file: File, insertFn: Function) {
549
+ // console.log('customInsert', res)
550
+ // const { url } = res.data || {}
551
+ // if (!url) throw new Error('url is empty')
552
+
553
+ // // 插入附件到编辑器
554
+ // insertFn('名字', url)
555
+ // },
556
+
557
+ // // 用户自定义上传
558
+ // customUpload(file: File, insertFn: Function) {
559
+ // console.log('customUpload', file)
560
+
561
+ // return new Promise(resolve => {
562
+ // // 插入一个文件,模拟异步
563
+ // setTimeout(() => {
564
+ // const src = 'https://www.w3school.com.cn/i/movie.ogg'
565
+ // insertFn('名字', src)
566
+ // resolve('ok')
567
+ // }, 500)
568
+ // })
569
+ // },
570
+
571
+ // // 自定义选择
572
+ // customBrowseAndUpload(insertFn: Function) {
573
+ // alert('自定义选择文件,如弹出图床')
574
+ // // 自己上传文件
575
+ // // 上传之后用 insertFn(fileName, link) 插入到编辑器
576
+ // },
577
+ // 插入到编辑器后的回调
578
+ onInsertedAttachment(elem) {
579
+ console.log(elem)
580
+ }
581
+ },`,
582
+ field_type: 'Object',
583
+ field_default: '',
584
+ field_remarks: ''
585
+ }, {
586
+ field_key: '按钮名字',
587
+ field_title: '',
588
+ field_value: `outlineMenu: 大纲级别,
589
+ ackMenu:致谢,signMenu:添加标志,
590
+ titleMenu:字体,textMenu:字号,
591
+ redMenu:添加红头,authorMenu:添加作者,
592
+ subjectMenu:添加题目,paragraphMenu:添加落款,
593
+ numberMenu:标注编号,keywordMenu:关键词,
594
+ abstractMenu:添加摘要,literatureMenu:添加文献,
595
+ taggingMenu:添加标注,group-image:上传图片,'voiceInput':语音输入`,
596
+ field_type: '',
597
+ field_default: '',
598
+ field_remarks: ''
599
+ }, {
600
+ field_key: 'fileName',
601
+ field_title: 'word文件名字',
602
+ field_value: ``,
603
+ field_type: 'fileName',
604
+ field_default: '题',
605
+ field_remarks: ''
606
+ }],
607
+ methodTableData2: [
608
+ {
609
+ method_key: '@confirm',
610
+ method_title: '返回html',
611
+ method_describe: '',
612
+ method_remarks: ''
613
+ }, {
614
+ method_key: 'this.$refs.editor.exportToWord()',
615
+ method_title: '导出word',
616
+ method_describe: '',
617
+ method_remarks: ''
618
+ }, {
619
+ method_key: 'this.$refs.editor.signMenu()',
620
+ method_title: '隐藏显示标志',
621
+ method_describe: '',
622
+ method_remarks: ''
623
+ }, {
624
+ method_key: 'this.$refs.editor.titleMenu(e => {})',
625
+ method_title: '隐藏显示标题',
626
+ method_describe: '',
627
+ method_remarks: ''
628
+ }, {
629
+ method_key: 'this.$refs.editor.authorMenu(e => {})',
630
+ method_title: '隐藏显示作者',
631
+ method_describe: '',
632
+ method_remarks: ''
633
+ }, {
634
+ method_key: 'this.$refs.editor.abstractMenu(e => {})',
635
+ method_title: '隐藏显示摘要',
636
+ method_describe: '',
637
+ method_remarks: ''
638
+ }, {
639
+ method_key: 'this.$refs.editor.keywordMenu(e => {})',
640
+ method_title: '隐藏显示关键词',
641
+ method_describe: '',
642
+ method_remarks: ''
643
+ }, {
644
+ method_key: 'this.$refs.editor.textMenu(e => {})',
645
+ method_title: '隐藏显示正文',
646
+ method_describe: '',
647
+ method_remarks: ''
648
+ }]
649
+ }
650
+ },
651
+ methods: {
652
+ xia() {
653
+ this.$refs.editor.exportToWord()
654
+ },
655
+ qie() {
656
+ this.$refs.editor.titleMenu((e) => {
657
+ console.log(e)
658
+ })
659
+ },
660
+ du() {
661
+ this.readOnly = !this.readOnly
662
+ },
663
+ confirm(e) {
664
+ console.log(e)
665
+ }
666
+ }
667
+ }
668
+ </script>
669
+
670
+ <style scoped>
671
+ .padding20{
672
+ padding: 0!important;
673
+ }
674
+ </style>
675
+