zydx-plus 1.33.383 → 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 +1 -1
- package/src/components/editor/editor.vue +675 -0
- package/src/components/editor2/editor.vue +655 -0
- package/src/index.js +1 -1
package/package.json
CHANGED
|
@@ -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
|
+
|
|
@@ -0,0 +1,655 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="padding20">
|
|
3
|
+
<div class="fontSize20 height30 lineHeight30">代码示例：</div>
|
|
4
|
+
<div style="border: 1px solid #cccccc; padding: 30px;min-height: 500px; position: relative; z-index: 20;">
|
|
5
|
+
<zydx-xiao-editor :enclosureButton="enclosureButton" v-for="(item) in htmlData" :uploadType="true" @del="del" title="标题" butText="完成" :uploadImage="uploadImage" :uploadAttachment="uploadAttachment" ref="editors" @complete="complete" :data="item.datas" :toolbar="item.tab"></zydx-xiao-editor>
|
|
6
|
+
<button @click="confirm">完成</button>
|
|
7
|
+
</div>
|
|
8
|
+
<div>
|
|
9
|
+
<div>
|
|
10
|
+
<div class="fontSize20 height30 lineHeight30">代码片段：</div>
|
|
11
|
+
<pre class="language-xml" v-html="content"></pre>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="margin30_0">
|
|
15
|
+
<div>
|
|
16
|
+
<div class="fontSize20 height30 lineHeight30">参数说明:</div>
|
|
17
|
+
<div>
|
|
18
|
+
<el-table
|
|
19
|
+
:data="paramTableData"
|
|
20
|
+
border
|
|
21
|
+
style="width: 100%">
|
|
22
|
+
<el-table-column
|
|
23
|
+
prop="field_key"
|
|
24
|
+
label="参数字段"
|
|
25
|
+
width="180">
|
|
26
|
+
</el-table-column>
|
|
27
|
+
<el-table-column
|
|
28
|
+
prop="field_title"
|
|
29
|
+
label="参数名称"
|
|
30
|
+
width="180">
|
|
31
|
+
</el-table-column>
|
|
32
|
+
<el-table-column
|
|
33
|
+
prop="field_value"
|
|
34
|
+
label="示例值">
|
|
35
|
+
</el-table-column>
|
|
36
|
+
<el-table-column
|
|
37
|
+
prop="field_type"
|
|
38
|
+
label="类型"
|
|
39
|
+
width="100">
|
|
40
|
+
</el-table-column>
|
|
41
|
+
<el-table-column
|
|
42
|
+
prop="field_default"
|
|
43
|
+
label="默认值"
|
|
44
|
+
width="80">
|
|
45
|
+
</el-table-column>
|
|
46
|
+
<el-table-column
|
|
47
|
+
prop="field_remarks"
|
|
48
|
+
label="备注">
|
|
49
|
+
</el-table-column>
|
|
50
|
+
</el-table>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
<div class="margin30_0">
|
|
55
|
+
<div class="fontSize20 height30 lineHeight30">回调说明:</div>
|
|
56
|
+
<div>
|
|
57
|
+
<el-table
|
|
58
|
+
:data="methodTableData2"
|
|
59
|
+
border
|
|
60
|
+
style="width: 100%">
|
|
61
|
+
<el-table-column
|
|
62
|
+
prop="method_key"
|
|
63
|
+
label="回调方法"
|
|
64
|
+
width="180">
|
|
65
|
+
</el-table-column>
|
|
66
|
+
<el-table-column
|
|
67
|
+
prop="method_title"
|
|
68
|
+
label="回调名称"
|
|
69
|
+
width="180">
|
|
70
|
+
</el-table-column>
|
|
71
|
+
<el-table-column
|
|
72
|
+
prop="method_describe"
|
|
73
|
+
label="回调说明"
|
|
74
|
+
width="360">
|
|
75
|
+
</el-table-column>
|
|
76
|
+
<el-table-column
|
|
77
|
+
prop="method_remarks"
|
|
78
|
+
label="备注">
|
|
79
|
+
</el-table-column>
|
|
80
|
+
</el-table>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</template>
|
|
85
|
+
|
|
86
|
+
<script>
|
|
87
|
+
import zydxXiaoEditor from "../../components/editor2/src/editor";
|
|
88
|
+
export default {
|
|
89
|
+
name: "editor",
|
|
90
|
+
components: {zydxXiaoEditor},
|
|
91
|
+
mounted() {
|
|
92
|
+
/**
|
|
93
|
+
* 转换高亮显示代码 代码片段用的
|
|
94
|
+
*/
|
|
95
|
+
const htmlContent = this.$Prism.highlight(this.content, this.$Prism.languages.xml, 'xml');
|
|
96
|
+
this.content = htmlContent
|
|
97
|
+
setTimeout(() => {
|
|
98
|
+
this.htmlData = this.htmlDatas
|
|
99
|
+
},1000)
|
|
100
|
+
},
|
|
101
|
+
data() {
|
|
102
|
+
return {
|
|
103
|
+
enclosureButton: {
|
|
104
|
+
name: '确定使用',
|
|
105
|
+
onClick: (e,i) => {
|
|
106
|
+
console.log(e)
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
uploadImage: {
|
|
110
|
+
server: '/zydx/lessonResource/upload/img',
|
|
111
|
+
meta: {},
|
|
112
|
+
headers: {
|
|
113
|
+
Authorization: '869b6d75-5dbc-4a8a-a67a-92c38c5199d2'
|
|
114
|
+
},
|
|
115
|
+
url: 'http://192.168.5.213:8888',
|
|
116
|
+
},
|
|
117
|
+
uploadAttachment: {
|
|
118
|
+
server: 'http://192.168.15.124:8888/zydx/lessonResource/upload/img2',
|
|
119
|
+
meta: {},
|
|
120
|
+
headers: {
|
|
121
|
+
Authorization: '3c8ebf7d-ccfd-46b1-8a79-4924074cb34b'
|
|
122
|
+
},
|
|
123
|
+
url: 'http://192.168.5.213:8888'
|
|
124
|
+
},
|
|
125
|
+
datas: {
|
|
126
|
+
html: [
|
|
127
|
+
{
|
|
128
|
+
node: "element",
|
|
129
|
+
tag: "p",
|
|
130
|
+
child: [
|
|
131
|
+
{
|
|
132
|
+
node: "text",
|
|
133
|
+
text: "这是一段测试文字"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
],
|
|
138
|
+
enclosure: [],
|
|
139
|
+
},
|
|
140
|
+
htmlData: [],
|
|
141
|
+
htmlDatas: [
|
|
142
|
+
{
|
|
143
|
+
datas: {
|
|
144
|
+
html: [
|
|
145
|
+
{
|
|
146
|
+
node: "element",
|
|
147
|
+
tag: "p",
|
|
148
|
+
attr: {'data-sid': 'prohibit','contenteditable': 'false'},
|
|
149
|
+
child: [
|
|
150
|
+
{
|
|
151
|
+
node: "text",
|
|
152
|
+
text: "这是一段测试文字"
|
|
153
|
+
}
|
|
154
|
+
]
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
node: "element",
|
|
158
|
+
tag: "p",
|
|
159
|
+
child: [
|
|
160
|
+
{
|
|
161
|
+
node: "text",
|
|
162
|
+
text: ""
|
|
163
|
+
}
|
|
164
|
+
]
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
node: "element",
|
|
168
|
+
tag: "p",
|
|
169
|
+
attr: {'data-sid': 'prohibit','contenteditable': 'false'},
|
|
170
|
+
child: [
|
|
171
|
+
{
|
|
172
|
+
node: "text",
|
|
173
|
+
text: "这是一段测试文字"
|
|
174
|
+
}
|
|
175
|
+
]
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
node: "element",
|
|
179
|
+
tag: "p",
|
|
180
|
+
child: [
|
|
181
|
+
{
|
|
182
|
+
node: "text",
|
|
183
|
+
text: ""
|
|
184
|
+
}
|
|
185
|
+
]
|
|
186
|
+
}
|
|
187
|
+
],
|
|
188
|
+
enclosure: [
|
|
189
|
+
{
|
|
190
|
+
bizId: "0d5542ae948f4288b1c4b7f8694bd468",
|
|
191
|
+
fileName: "15_人脸核身插件使用.pdf",
|
|
192
|
+
filePath: "/group1/M00/02/C4/wKgF1WNpsDOAPofNACj0f6j1rlE79.pptx"
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
bizId: "0d5542ae948f4288b1c4b7f8694bd468",
|
|
196
|
+
annexName: "15_人脸核身插件使用.pdf",
|
|
197
|
+
filePath: "/group1/M00/02/C4/wKgF1WNpsDOAPofNACj0f6j1rlE79.pptx"
|
|
198
|
+
}
|
|
199
|
+
],
|
|
200
|
+
},
|
|
201
|
+
tab: [
|
|
202
|
+
{
|
|
203
|
+
key: 'h2',
|
|
204
|
+
title: '一级标题'
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
key: 'h3',
|
|
208
|
+
title: '二级标题'
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
key: 'p',
|
|
212
|
+
title: '正文'
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
key: 'uploadAtt',
|
|
216
|
+
title: '上传附件'
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
key: 'but',
|
|
220
|
+
title: '自定义',
|
|
221
|
+
onClick: this.colc
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
key: 'center',
|
|
225
|
+
title: '文字居中'
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
key: 'centerH2',
|
|
229
|
+
title: '居中标题'
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
key: 'left',
|
|
233
|
+
title: '文字居左'
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
key: 'bold',
|
|
237
|
+
title: '文字加粗'
|
|
238
|
+
}
|
|
239
|
+
]
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
datas: {},
|
|
243
|
+
tab: [
|
|
244
|
+
{
|
|
245
|
+
key: 'h1',
|
|
246
|
+
title: '标题'
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
key: 'p',
|
|
250
|
+
title: '正文'
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
key: 'add',
|
|
254
|
+
title: '添加来源'
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
key: 'upImg',
|
|
258
|
+
title: '上传图片'
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
key: 'uploadAtt',
|
|
262
|
+
title: '上传附件'
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
key: 'but',
|
|
266
|
+
title: '自定义',
|
|
267
|
+
onClick: this.colc
|
|
268
|
+
}
|
|
269
|
+
]
|
|
270
|
+
}
|
|
271
|
+
],
|
|
272
|
+
toolbar: [
|
|
273
|
+
{
|
|
274
|
+
key: 'h1',
|
|
275
|
+
title: '标题'
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
key: 'p',
|
|
279
|
+
title: '正文'
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
key: 'upImg',
|
|
283
|
+
title: '上传图片'
|
|
284
|
+
},
|
|
285
|
+
{
|
|
286
|
+
key: 'uploadAtt',
|
|
287
|
+
title: '上传附件'
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
key: 'center',
|
|
291
|
+
title: '文字居中'
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
key: 'but',
|
|
295
|
+
title: '自定义',
|
|
296
|
+
onClick: this.colc
|
|
297
|
+
}
|
|
298
|
+
],
|
|
299
|
+
// 模拟数据
|
|
300
|
+
content:`<zydx-xiao-editor ref="editors" :data="datas" :toolbar="toolbar"></zydx-xiao-editor>`,
|
|
301
|
+
// 参数说明
|
|
302
|
+
paramTableData: [{
|
|
303
|
+
field_key: 'data',
|
|
304
|
+
field_title: '',
|
|
305
|
+
field_value: `datas: {
|
|
306
|
+
html: [
|
|
307
|
+
{
|
|
308
|
+
node: "element",
|
|
309
|
+
tag: "p",
|
|
310
|
+
child: [
|
|
311
|
+
{
|
|
312
|
+
node: "text",
|
|
313
|
+
text: "这是一段测试文字"
|
|
314
|
+
}
|
|
315
|
+
]
|
|
316
|
+
}
|
|
317
|
+
],
|
|
318
|
+
enclosure: [],
|
|
319
|
+
},`,
|
|
320
|
+
field_type: 'Array',
|
|
321
|
+
field_default: '',
|
|
322
|
+
field_remarks: ''
|
|
323
|
+
},{
|
|
324
|
+
field_key: 'toolbar',
|
|
325
|
+
field_title: '',
|
|
326
|
+
field_value: `toolbar: [
|
|
327
|
+
{
|
|
328
|
+
key: 'h1',
|
|
329
|
+
title: '标题'
|
|
330
|
+
},
|
|
331
|
+
{
|
|
332
|
+
key: 'p',
|
|
333
|
+
title: '正文'
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
key: 'upImg',
|
|
337
|
+
title: '上传图片'
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
key: 'uploadAtt',
|
|
341
|
+
title: '上传附件'
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
key: 'but',
|
|
345
|
+
title: '自定义',
|
|
346
|
+
active: true,
|
|
347
|
+
onClick: (e,n) => {
|
|
348
|
+
e.title = '完成'
|
|
349
|
+
e.active = true
|
|
350
|
+
}
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
key: 'speech',
|
|
354
|
+
title: '语音输入',
|
|
355
|
+
active: false,
|
|
356
|
+
onClick: (e) => {
|
|
357
|
+
e.active = true
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
],`,
|
|
361
|
+
field_type: 'Array',
|
|
362
|
+
field_default: '',
|
|
363
|
+
field_remarks: ''
|
|
364
|
+
},{
|
|
365
|
+
field_key: 'title',
|
|
366
|
+
field_title: '标题',
|
|
367
|
+
field_value: ``,
|
|
368
|
+
field_type: 'String',
|
|
369
|
+
field_default: '',
|
|
370
|
+
field_remarks: ''
|
|
371
|
+
},{
|
|
372
|
+
field_key: 'readOnly',
|
|
373
|
+
field_title: '是否只读',
|
|
374
|
+
field_value: ``,
|
|
375
|
+
field_type: 'Boolean',
|
|
376
|
+
field_default: 'true',
|
|
377
|
+
field_remarks: ''
|
|
378
|
+
},{
|
|
379
|
+
field_key: 'butText',
|
|
380
|
+
field_title: '底部按钮名字(不设置不显示)',
|
|
381
|
+
field_value: ``,
|
|
382
|
+
field_type: 'String',
|
|
383
|
+
field_default: '',
|
|
384
|
+
field_remarks: ''
|
|
385
|
+
},{
|
|
386
|
+
field_key: 'height',
|
|
387
|
+
field_title: '编辑器高度',
|
|
388
|
+
field_value: ``,
|
|
389
|
+
field_type: 'String',
|
|
390
|
+
field_default: '200px',
|
|
391
|
+
field_remarks: ''
|
|
392
|
+
},{
|
|
393
|
+
field_key: 'uploadImage',
|
|
394
|
+
field_title: '图片上传配置',
|
|
395
|
+
field_value: `uploadImage: {
|
|
396
|
+
server: 'http://192.168.15.124:8888/zydx/fileanex/uploadfile',
|
|
397
|
+
meta: {
|
|
398
|
+
bizId: 'b5063ffdac7047f6ba27d198ffb5b847'
|
|
399
|
+
},
|
|
400
|
+
headers: {
|
|
401
|
+
Authorization: 'b4626a29-ed73-490e-aae1-851422b5bf5e'
|
|
402
|
+
},
|
|
403
|
+
url: 'http://192.168.5.213:8888'
|
|
404
|
+
},`,
|
|
405
|
+
field_type: 'Object',
|
|
406
|
+
field_default: '',
|
|
407
|
+
field_remarks: 'url是图片的访问地址,server是上传图片的地址,meta是上传图片的参数,headers是请求头'
|
|
408
|
+
},{
|
|
409
|
+
field_key: 'uploadAttachment',
|
|
410
|
+
field_title: '附件上传配置',
|
|
411
|
+
field_value: `和图片上传配置一样`,
|
|
412
|
+
field_type: 'Object',
|
|
413
|
+
field_default: '',
|
|
414
|
+
field_remarks: ''
|
|
415
|
+
},{
|
|
416
|
+
field_key: 'delShow',
|
|
417
|
+
field_title: '是否显示删除按钮',
|
|
418
|
+
field_value: ``,
|
|
419
|
+
field_type: 'Boolean',
|
|
420
|
+
field_default: 'true',
|
|
421
|
+
field_remarks: ''
|
|
422
|
+
},{
|
|
423
|
+
field_key: 'titleShow',
|
|
424
|
+
field_title: '是否显示标题',
|
|
425
|
+
field_value: ``,
|
|
426
|
+
field_type: 'Boolean',
|
|
427
|
+
field_default: 'true',
|
|
428
|
+
field_remarks: ''
|
|
429
|
+
},{
|
|
430
|
+
field_key: 'borderShow',
|
|
431
|
+
field_title: '是否显示边框',
|
|
432
|
+
field_value: ``,
|
|
433
|
+
field_type: 'Boolean',
|
|
434
|
+
field_default: 'true',
|
|
435
|
+
field_remarks: ''
|
|
436
|
+
},{
|
|
437
|
+
field_key: 'titleStyle',
|
|
438
|
+
field_title: '标题样式',
|
|
439
|
+
field_value: `{
|
|
440
|
+
'font-size': '16px',
|
|
441
|
+
'font-weight': 'bold',
|
|
442
|
+
'color': '#000'
|
|
443
|
+
}`,
|
|
444
|
+
field_type: 'Object',
|
|
445
|
+
field_default: '',
|
|
446
|
+
field_remarks: ''
|
|
447
|
+
},{
|
|
448
|
+
field_key: 'enclosureStyle',
|
|
449
|
+
field_title: '附件标题样式',
|
|
450
|
+
field_value: `{
|
|
451
|
+
'font-size': '16px',
|
|
452
|
+
'font-weight': 'bold',
|
|
453
|
+
'color': '#000'
|
|
454
|
+
}`,
|
|
455
|
+
field_type: 'Object',
|
|
456
|
+
field_default: '',
|
|
457
|
+
field_remarks: ''
|
|
458
|
+
},{
|
|
459
|
+
field_key: 'enclosureText',
|
|
460
|
+
field_title: '附件标题',
|
|
461
|
+
field_value: ``,
|
|
462
|
+
field_type: 'String',
|
|
463
|
+
field_default: '附件列表：',
|
|
464
|
+
field_remarks: ''
|
|
465
|
+
},{
|
|
466
|
+
field_key: 'uploadType',
|
|
467
|
+
field_title: '上传附件形式(地址或者file)',
|
|
468
|
+
field_value: ``,
|
|
469
|
+
field_type: 'Boolean',
|
|
470
|
+
field_default: 'false',
|
|
471
|
+
field_remarks: ''
|
|
472
|
+
},{
|
|
473
|
+
field_key: 'editorShow',
|
|
474
|
+
field_title: '是否显示编辑器',
|
|
475
|
+
field_value: ``,
|
|
476
|
+
field_type: 'Boolean',
|
|
477
|
+
field_default: 'true',
|
|
478
|
+
field_remarks: ''
|
|
479
|
+
},{
|
|
480
|
+
field_key: 'enclosureShow',
|
|
481
|
+
field_title: '是否显示附件',
|
|
482
|
+
field_value: ``,
|
|
483
|
+
field_type: 'Boolean',
|
|
484
|
+
field_default: 'true',
|
|
485
|
+
field_remarks: ''
|
|
486
|
+
},{
|
|
487
|
+
field_key: 'downloadShow',
|
|
488
|
+
field_title: '是否显示下载按钮',
|
|
489
|
+
field_value: ``,
|
|
490
|
+
field_type: 'Boolean',
|
|
491
|
+
field_default: 'true',
|
|
492
|
+
field_remarks: ''
|
|
493
|
+
},{
|
|
494
|
+
field_key: 'placeholder',
|
|
495
|
+
field_title: '占位符',
|
|
496
|
+
field_value: ``,
|
|
497
|
+
field_type: 'string',
|
|
498
|
+
field_default: '',
|
|
499
|
+
field_remarks: ''
|
|
500
|
+
},{
|
|
501
|
+
field_key: 'voiceShow',
|
|
502
|
+
field_title: '是否显示语音输入',
|
|
503
|
+
field_value: ``,
|
|
504
|
+
field_type: 'Boolean',
|
|
505
|
+
field_default: 'true',
|
|
506
|
+
field_remarks: ''
|
|
507
|
+
},{
|
|
508
|
+
field_key: 'numberStyle',
|
|
509
|
+
field_title: '序号样式',
|
|
510
|
+
field_value: ``,
|
|
511
|
+
field_type: 'Boolean',
|
|
512
|
+
field_default: 'false',
|
|
513
|
+
field_remarks: ''
|
|
514
|
+
},{
|
|
515
|
+
field_key: 'enclosureButton',
|
|
516
|
+
field_title: '附件自定义按钮',
|
|
517
|
+
field_value: `name: 按钮名字, onClick: (e,i) => {} 回调e： 附件数据 i： 附件索引`,
|
|
518
|
+
field_type: 'Object',
|
|
519
|
+
field_default: '{}',
|
|
520
|
+
field_remarks: ''
|
|
521
|
+
}],
|
|
522
|
+
methodTableData2: [{
|
|
523
|
+
method_key: 'getContent',
|
|
524
|
+
method_title: '获取内容',
|
|
525
|
+
method_describe: `this.$refs.editors.getContent(e => {
|
|
526
|
+
console.log(e)
|
|
527
|
+
})`,
|
|
528
|
+
method_remarks: ''
|
|
529
|
+
},{
|
|
530
|
+
method_key: 'insertContent',
|
|
531
|
+
method_title: '光标后边插入内容',
|
|
532
|
+
method_describe: `this.$refs.editors.insertContent([])`,
|
|
533
|
+
method_remarks: '内容是一个数组'
|
|
534
|
+
},{
|
|
535
|
+
method_key: 'enclosureContent',
|
|
536
|
+
method_title: '插入附件',
|
|
537
|
+
method_describe: `this.$refs.editors.enclosureContent([])`,
|
|
538
|
+
method_remarks: '内容是一个数组'
|
|
539
|
+
},{
|
|
540
|
+
method_key: '@complete',
|
|
541
|
+
method_title: '完成按钮回调',
|
|
542
|
+
method_describe: ``,
|
|
543
|
+
method_remarks: ''
|
|
544
|
+
},{
|
|
545
|
+
method_key: '@see',
|
|
546
|
+
method_title: '查看按钮回调',
|
|
547
|
+
method_describe: ``,
|
|
548
|
+
method_remarks: ''
|
|
549
|
+
},{
|
|
550
|
+
method_key: '@download',
|
|
551
|
+
method_title: '下载按钮回调',
|
|
552
|
+
method_describe: ``,
|
|
553
|
+
method_remarks: ''
|
|
554
|
+
},{
|
|
555
|
+
method_key: '@enclosureSuccess',
|
|
556
|
+
method_title: '上传附件成功回调',
|
|
557
|
+
method_describe: ``,
|
|
558
|
+
method_remarks: ''
|
|
559
|
+
},{
|
|
560
|
+
method_key: '@del',
|
|
561
|
+
method_title: '删除回调',
|
|
562
|
+
method_describe: `del(e,next) {
|
|
563
|
+
console.log(e)
|
|
564
|
+
setTimeout(() => {
|
|
565
|
+
next()
|
|
566
|
+
},1000)
|
|
567
|
+
},`,
|
|
568
|
+
method_remarks: 'next() 删除后的回调'
|
|
569
|
+
},{
|
|
570
|
+
method_key: '@updateData',
|
|
571
|
+
method_title: '实时监听数据变化',
|
|
572
|
+
method_describe: ``,
|
|
573
|
+
method_remarks: ''
|
|
574
|
+
}]
|
|
575
|
+
}
|
|
576
|
+
},
|
|
577
|
+
methods: {
|
|
578
|
+
speech(e) {
|
|
579
|
+
const act = e.active === undefined? false : JSON.parse(JSON.stringify(e.active))
|
|
580
|
+
this.htmlDatas.map(x => {
|
|
581
|
+
x.tab.map(y => {
|
|
582
|
+
y.active = false
|
|
583
|
+
return y
|
|
584
|
+
})
|
|
585
|
+
return x
|
|
586
|
+
})
|
|
587
|
+
if(!act) e.active = true
|
|
588
|
+
},
|
|
589
|
+
del(e,next) {
|
|
590
|
+
console.log(e)
|
|
591
|
+
setTimeout(() => {
|
|
592
|
+
next()
|
|
593
|
+
},1000)
|
|
594
|
+
},
|
|
595
|
+
colc(e,n) {
|
|
596
|
+
e.title = '完成'
|
|
597
|
+
e.active = !e.active
|
|
598
|
+
},
|
|
599
|
+
complete(e) {
|
|
600
|
+
console.log(e)
|
|
601
|
+
},
|
|
602
|
+
confirm(e) {
|
|
603
|
+
// const hs = [
|
|
604
|
+
// {
|
|
605
|
+
// bizId: "0d5542ae948f4288b1c4b7f8694bd468",
|
|
606
|
+
// fileName: "15_人脸核身插件使用.pdf",
|
|
607
|
+
// filePath: "/group1/M00/02/C4/wKgF1WNpsDOAPofNACj0f6j1rlE79.pptx"
|
|
608
|
+
// },
|
|
609
|
+
// {
|
|
610
|
+
// bizId: "0d5542ae948f4288b1c4b7f8694bd468",
|
|
611
|
+
// annexName: "15_人脸核身插件使用.pdf",
|
|
612
|
+
// filePath: "/group1/M00/02/C4/wKgF1WNpsDOAPofNACj0f6j1rlE79.pptx"
|
|
613
|
+
// }
|
|
614
|
+
// ]
|
|
615
|
+
// this.$refs.editors[0].enclosureContent(hs)
|
|
616
|
+
let arr = [
|
|
617
|
+
{
|
|
618
|
+
node: "element",
|
|
619
|
+
tag: "p",
|
|
620
|
+
child: [
|
|
621
|
+
{
|
|
622
|
+
node: "text",
|
|
623
|
+
text: "这是一段测试文字"
|
|
624
|
+
}
|
|
625
|
+
]
|
|
626
|
+
}
|
|
627
|
+
]
|
|
628
|
+
this.$refs.editors[0].insertContent(arr)
|
|
629
|
+
// this.datas = {
|
|
630
|
+
// html: [
|
|
631
|
+
// {
|
|
632
|
+
// node: "element",
|
|
633
|
+
// tag: "p",
|
|
634
|
+
// child: [
|
|
635
|
+
// {
|
|
636
|
+
// node: "text",
|
|
637
|
+
// text: "这是一段测试文字11111"
|
|
638
|
+
// }
|
|
639
|
+
// ]
|
|
640
|
+
// }
|
|
641
|
+
// ],
|
|
642
|
+
// enclosure: [],
|
|
643
|
+
// }
|
|
644
|
+
// this.$refs.editors.getContent(e => {
|
|
645
|
+
// console.log(e)
|
|
646
|
+
// })
|
|
647
|
+
},
|
|
648
|
+
}
|
|
649
|
+
}
|
|
650
|
+
</script>
|
|
651
|
+
|
|
652
|
+
<style scoped>
|
|
653
|
+
|
|
654
|
+
</style>
|
|
655
|
+
|