1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
| /*
| 配置信息
| */
|
| const config = {
|
| // 默认菜单配置
| menus: [
| 'head',
| 'bold',
| 'fontSize',
| 'fontName',
| 'italic',
| 'underline',
| 'strikeThrough',
| 'foreColor',
| 'backColor',
| 'link',
| 'list',
| 'justify',
| 'quote',
| 'emoticon',
| 'image',
| 'table',
| 'video',
| 'code',
| 'undo',
| 'redo'
| ],
|
| fontNames: [
| '宋体',
| '微软雅黑',
| 'Arial',
| 'Tahoma',
| 'Verdana'
| ],
|
| colors: [
| '#000000',
| '#eeece0',
| '#1c487f',
| '#4d80bf',
| '#c24f4a',
| '#8baa4a',
| '#7b5ba1',
| '#46acc8',
| '#f9963b',
| '#ffffff'
| ],
|
| // // 语言配置
| // lang: {
| // '设置标题': 'title',
| // '正文': 'p',
| // '链接文字': 'link text',
| // '链接': 'link',
| // '插入': 'insert',
| // '创建': 'init'
| // },
|
| // 表情
| emotions: [
| {
| // tab 的标题
| title: '默认',
| // type -> 'emoji' / 'image'
| type: 'image',
| // content -> 数组
| content: [
| {
| alt: '[坏笑]',
| src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/50/pcmoren_huaixiao_org.png'
| },
| {
| alt: '[舔屏]',
| src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/pcmoren_tian_org.png'
| },
| {
| alt: '[污]',
| src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/3c/pcmoren_wu_org.png'
| }
| ]
| },
| {
| // tab 的标题
| title: '新浪',
| // type -> 'emoji' / 'image'
| type: 'image',
| // content -> 数组
| content: [
| {
| src: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7a/shenshou_thumb.gif',
| alt: '[草泥马]'
| },
| {
| src: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/60/horse2_thumb.gif',
| alt: '[神马]'
| },
| {
| src: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/bc/fuyun_thumb.gif',
| alt: '[浮云]'
| }
| ]
| },
| {
| // tab 的标题
| title: 'emoji',
| // type -> 'emoji' / 'image'
| type: 'emoji',
| // content -> 数组
| content: '😀 😃 😄 😁 😆 😅 😂 😊 😇 🙂 🙃 😉 😓 😪 😴 🙄 🤔 😬 🤐'.split(/\s/)
| },
| // {
| // // tab 的标题
| // title: '手势',
| // // type -> 'emoji' / 'image'
| // type: 'emoji',
| // // content -> 数组
| // content: ['🙌', '👏', '👋', '👍', '👎', '👊', '✊', '️👌', '✋', '👐', '💪', '🙏', '️👆', '👇', '👈', '👉', '🖕', '🖐', '🤘']
| // }
| ],
|
| // 编辑区域的 z-index
| zIndex: 10000,
|
| // 是否开启 debug 模式（debug 模式下错误会 throw error 形式抛出）
| debug: false,
|
| // 插入链接时候的格式校验
| linkCheck: function (text, link) {
| // text 是插入的文字
| // link 是插入的链接
| return true // 返回 true 即表示成功
| // return '校验失败' // 返回字符串即表示失败的提示信息
| },
|
| // 插入网络图片的校验
| linkImgCheck: function (src) {
| // src 即图片的地址
| return true // 返回 true 即表示成功
| // return '校验失败' // 返回字符串即表示失败的提示信息
| },
|
| // 粘贴过滤样式，默认开启
| pasteFilterStyle: true,
|
| // 粘贴内容时，忽略图片。默认关闭
| pasteIgnoreImg: false,
|
| // 对粘贴的文字进行自定义处理，返回处理后的结果。编辑器会将处理后的结果粘贴到编辑区域中。
| // IE 暂时不支持
| pasteTextHandle: function (content) {
| // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
| return content
| },
|
| // onchange 事件
| // onchange: function (html) {
| // // html 即变化之后的内容
| // console.log(html)
| // },
|
| // 是否显示添加网络图片的 tab
| showLinkImg: true,
|
| // 插入网络图片的回调
| linkImgCallback: function (url) {
| // console.log(url) // url 即插入图片的地址
| },
|
| // 默认上传图片 max size: 5M
| uploadImgMaxSize: 5 * 1024 * 1024,
|
| // 配置一次最多上传几个图片
| // uploadImgMaxLength: 5,
|
| // 上传图片，是否显示 base64 格式
| uploadImgShowBase64: false,
|
| // 上传图片，server 地址（如果有值，则 base64 格式的配置则失效）
| // uploadImgServer: '/upload',
|
| // 自定义配置 filename
| uploadFileName: '',
|
| // 上传图片的自定义参数
| uploadImgParams: {
| // token: 'abcdef12345'
| },
|
| // 上传图片的自定义header
| uploadImgHeaders: {
| // 'Accept': 'text/x-json'
| },
|
| // 配置 XHR withCredentials
| withCredentials: false,
|
| // 自定义上传图片超时时间 ms
| uploadImgTimeout: 10000,
|
| // 上传图片 hook
| uploadImgHooks: {
| // customInsert: function (insertLinkImg, result, editor) {
| // console.log('customInsert')
| // // 图片上传并返回结果，自定义插入图片的事件，而不是编辑器自动插入图片
| // const data = result.data1 || []
| // data.forEach(link => {
| // insertLinkImg(link)
| // })
| // },
| before: function (xhr, editor, files) {
| // 图片上传之前触发
|
| // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
| // return {
| // prevent: true,
| // msg: '放弃上传'
| // }
| },
| success: function (xhr, editor, result) {
| // 图片上传并返回结果，图片插入成功之后触发
| },
| fail: function (xhr, editor, result) {
| // 图片上传并返回结果，但图片插入错误时触发
| },
| error: function (xhr, editor) {
| // 图片上传出错时触发
| },
| timeout: function (xhr, editor) {
| // 图片上传超时时触发
| }
| },
|
| // 是否上传七牛云，默认为 false
| qiniu: false,
|
| // 上传图片自定义提示方法
| // customAlert: function (info) {
| // // 自定义上传提示
| // },
|
| // // 自定义上传图片
| // customUploadImg: function (files, insert) {
| // // files 是 input 中选中的文件列表
| // // insert 是获取图片 url 后，插入到编辑器的方法
| // insert(imgUrl)
| // }
| }
|
| export default config
|
|
