@wangeditor-next/editor 5.6.47 → 5.6.48

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.
@@ -1,807 +1,14 @@
1
- :root,
2
- :host {
3
- --w-e-textarea-bg-color: #fff;
4
- --w-e-textarea-color: #333;
5
- --w-e-textarea-border-color: #ccc;
6
- --w-e-textarea-slight-border-color: #e8e8e8;
7
- --w-e-textarea-slight-color: #d4d4d4;
8
- --w-e-textarea-slight-bg-color: #f5f2f0;
9
- --w-e-textarea-selected-border-color: #B4D5FF;
10
- --w-e-textarea-handler-bg-color: #4290f7;
11
- --w-e-toolbar-color: #595959;
12
- --w-e-toolbar-bg-color: #fff;
13
- --w-e-toolbar-active-color: #333;
14
- --w-e-toolbar-active-bg-color: #f1f1f1;
15
- --w-e-toolbar-disabled-color: #999;
16
- --w-e-toolbar-border-color: #e8e8e8;
17
- --w-e-modal-button-bg-color: #fafafa;
18
- --w-e-modal-button-border-color: #d9d9d9;
19
- }
20
-
21
- .w-e-text-container *,
22
- .w-e-toolbar * {
23
- padding: 0;
24
- margin: 0;
25
- box-sizing: border-box;
26
- outline: none;
27
- }
28
- .w-e-text-container p,
29
- .w-e-text-container li,
30
- .w-e-text-container td,
31
- .w-e-text-container th,
32
- .w-e-text-container blockquote,.w-e-toolbar * {
33
- line-height: 1.5;
34
- }
35
- .w-e-text-container {
36
- color: var(--w-e-textarea-color);
37
- background-color: var(--w-e-textarea-bg-color);
38
- position: relative;
39
- height: 100%;
40
- }
41
- .no-scroll {
42
- width: 100%;
43
- }
44
- .w-e-text-container .w-e-scroll {
45
- height: 100%;
46
- -webkit-overflow-scrolling: touch;
47
- }
48
- .w-e-text-container [data-slate-editor] {
49
- outline: 0;
50
- white-space: pre-wrap;
51
- /* 【重要】可以显示空格,在连续多空格的情况下 */
52
- word-wrap: break-word;
53
- padding: 0 10px;
54
- border-top: 1px solid transparent;
55
- min-height: 100%;
56
- }
57
- .w-e-text-container [data-slate-editor] p {
58
- margin: 15px 0;
59
- }
60
- .w-e-text-container [data-slate-editor] h1,
61
- .w-e-text-container [data-slate-editor] h2,
62
- .w-e-text-container [data-slate-editor] h3,
63
- .w-e-text-container [data-slate-editor] h4,
64
- .w-e-text-container [data-slate-editor] h5 {
65
- margin: 20px 0 20px 0;
66
- }
67
- .w-e-text-container [data-slate-editor] img {
68
- max-width: 100%;
69
- min-width: 20px;
70
- min-height: 20px;
71
- cursor: default;
72
- display: inline !important;
73
- }
74
- .w-e-text-container [data-slate-editor] span {
75
- text-indent: 0;
76
- }
77
- .w-e-text-container [data-slate-editor] [data-selected="true"] {
78
- box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
79
- }
80
- .w-e-text-placeholder {
81
- font-style: italic;
82
- width: 90%;
83
- left: 10px;
84
- top: 17px;
85
- }
86
- .w-e-text-placeholder,.w-e-max-length-info {
87
- color: var(--w-e-textarea-slight-color);
88
- position: absolute;
89
- pointer-events: none;
90
- -webkit-user-select: none;
91
- -moz-user-select: none;
92
- user-select: none;
93
- }
94
- .w-e-max-length-info {
95
- bottom: 0.5em;
96
- right: 1em;
97
- }
98
- .w-e-bar {
99
- background-color: var(--w-e-toolbar-bg-color);
100
- padding: 0 5px;
101
- font-size: 14px;
102
- color: var(--w-e-toolbar-color);
103
- }
104
- .w-e-bar svg {
105
- width: 14px;
106
- height: 14px;
107
- fill: var(--w-e-toolbar-color);
108
- }
109
- .w-e-bar-show {
110
- display: flex;
111
- }
112
- .w-e-bar-hidden {
113
- display: none;
114
- }
115
- .w-e-hover-bar {
116
- position: absolute;
117
- border: 1px solid var(--w-e-toolbar-border-color);
118
- border-radius: 3px;
119
- box-shadow: 0 2px 5px #0000001f;
120
- }
121
- .w-e-toolbar {
122
- flex-wrap: wrap;
123
- position: relative;
124
- }
125
- .w-e-bar-divider {
126
- display: inline-flex;
127
- width: 1px;
128
- height: 40px;
129
- background-color: var(--w-e-toolbar-border-color);
130
- margin: 0 5px;
131
- }
132
- .w-e-bar-item {
133
- position: relative;
134
- display: flex;
135
- text-align: center;
136
- padding: 4px;
137
- height: 40px;
138
- }
139
- .w-e-bar-item,.w-e-bar-item button {
140
- align-items: center;
141
- justify-content: center;
142
- }
143
- .w-e-bar-item button {
144
- border: none;
145
- background: transparent;
146
- height: calc(40px - 8px);
147
- padding: 0 8px;
148
- cursor: pointer;
149
- display: inline-flex;
150
- color: var(--w-e-toolbar-color);
151
- white-space: nowrap;
152
- /* 不换行 */
153
- overflow: hidden;
154
- }
155
- .w-e-bar-item button:hover {
156
- background-color: var(--w-e-toolbar-active-bg-color);
157
- color: var(--w-e-toolbar-active-color);
158
- }
159
- .w-e-bar-item button .title {
160
- margin-left: 5px;
161
- }
162
- .w-e-bar-item .active {
163
- background-color: var(--w-e-toolbar-active-bg-color);
164
- color: var(--w-e-toolbar-active-color);
165
- }
166
- .w-e-bar-item .disabled {
167
- color: var(--w-e-toolbar-disabled-color);
168
- cursor: not-allowed;
169
- }
170
- .w-e-bar-item .disabled svg {
171
- fill: var(--w-e-toolbar-disabled-color);
172
- }
173
- .w-e-bar-item .disabled:hover {
174
- background-color: var(--w-e-toolbar-bg-color);
175
- color: var(--w-e-toolbar-disabled-color);
176
- }
177
- .w-e-bar-item .disabled:hover svg {
178
- fill: var(--w-e-toolbar-disabled-color);
179
- }
180
- .w-e-menu-tooltip-v5:before {
181
- content: attr(data-tooltip);
182
- background-color: var(--w-e-toolbar-active-color);
183
- color: var(--w-e-toolbar-bg-color);
184
- text-align: center;
185
- padding: 5px 10px;
186
- border-radius: 5px;
187
- z-index: 1;
188
- font-size: 0.75em;
189
- top: 40px;
190
- white-space: pre;
191
- }
192
- .w-e-menu-tooltip-v5:before,.w-e-menu-tooltip-v5:after {
193
- position: absolute;
194
- opacity: 0;
195
- transition: opacity 0.6s;
196
- visibility: hidden;
197
- }
198
- .w-e-menu-tooltip-v5:after {
199
- content: "";
200
- border-width: 5px;
201
- border-style: solid;
202
- border-color: transparent transparent var(--w-e-toolbar-active-color) transparent;
203
- top: 30px;
204
- }
205
- .w-e-menu-tooltip-v5:hover:before,
206
- .w-e-menu-tooltip-v5:hover:after {
207
- opacity: 1;
208
- visibility: visible;
209
- }
210
- .w-e-menu-tooltip-v5.tooltip-right:before {
211
- left: 100%;
212
- top: 10px;
213
- }
214
- .w-e-menu-tooltip-v5.tooltip-right:after {
215
- left: 100%;
216
- margin-left: -10px;
217
- top: 16px;
218
- border-color: transparent var(--w-e-toolbar-active-color) transparent transparent;
219
- }
220
- .w-e-bar-item-group .w-e-bar-item-menus-container {
221
- display: none;
222
- /* 默认隐藏 */
223
- z-index: 1;
224
- background-color: var(--w-e-toolbar-bg-color);
225
- position: absolute;
226
- top: 0;
227
- left: 0;
228
- margin-top: 40px;
229
- border: 1px solid var(--w-e-toolbar-border-color);
230
- border-radius: 3px;
231
- box-shadow: 0 2px 10px #0000001f;
232
- }
233
- .w-e-bar-item-group:hover {
234
- /* hover 时显示下级菜单 */
235
- }
236
- .w-e-bar-item-group:hover .w-e-bar-item-menus-container {
237
- display: block;
238
- }
239
- .w-e-select-list {
240
- z-index: 1;
241
- position: absolute;
242
- left: 0;
243
- top: 0;
244
- background-color: var(--w-e-toolbar-bg-color);
245
- margin-top: 40px;
246
- min-width: 100px;
247
- border: 1px solid var(--w-e-toolbar-border-color);
248
- border-radius: 3px;
249
- box-shadow: 0 2px 10px #0000001f;
250
- max-height: 350px;
251
- overflow-y: auto;
252
- }
253
- .w-e-select-list ul {
254
- list-style: none;
255
- line-height: 1;
256
- }
257
- .w-e-select-list ul .selected {
258
- background-color: var(--w-e-toolbar-active-bg-color);
259
- }
260
- .w-e-select-list ul li {
261
- cursor: pointer;
262
- padding: 7px 0 7px 25px;
263
- position: relative;
264
- text-align: left;
265
- white-space: nowrap;
266
- /* 不换行 */
267
- }
268
- .w-e-select-list ul li:hover {
269
- background-color: var(--w-e-toolbar-active-bg-color);
270
- }
271
- .w-e-select-list ul li svg {
272
- position: absolute;
273
- left: 0;
274
- margin-left: 5px;
275
- top: 50%;
276
- margin-top: -7px;
277
- }
278
- .w-e-bar-bottom .w-e-select-list {
279
- top: inherit;
280
- bottom: 0;
281
- margin-top: 0;
282
- margin-bottom: 40px;
283
- }
284
- .w-e-drop-panel {
285
- z-index: 1;
286
- background-color: var(--w-e-toolbar-bg-color);
287
- position: absolute;
288
- top: 0;
289
- border: 1px solid var(--w-e-toolbar-border-color);
290
- border-radius: 3px;
291
- box-shadow: 0 2px 10px #0000001f;
292
- margin-top: 40px;
293
- min-width: 200px;
294
- padding: 10px;
295
- }
296
- .w-e-bar-bottom .w-e-drop-panel {
297
- top: inherit;
298
- bottom: 0;
299
- margin-top: 0;
300
- margin-bottom: 40px;
301
- }
302
- .w-e-modal {
303
- z-index: 1;
304
- background-color: var(--w-e-toolbar-bg-color);
305
- position: absolute;
306
- padding: 20px 15px 0 15px;
307
- min-width: 100px;
308
- min-height: 40px;
309
- color: var(--w-e-toolbar-color);
310
- text-align: left;
311
- font-size: 14px;
312
- border: 1px solid var(--w-e-toolbar-border-color);
313
- border-radius: 3px;
314
- box-shadow: 0 2px 10px #0000001f;
315
- }
316
- .w-e-modal .btn-close {
317
- position: absolute;
318
- right: 8px;
319
- top: 7px;
320
- cursor: pointer;
321
- padding: 5px;
322
- line-height: 1;
323
- }
324
- .w-e-modal .btn-close svg {
325
- width: 10px;
326
- height: 10px;
327
- fill: var(--w-e-toolbar-color);
328
- }
329
- .w-e-modal .babel-container {
330
- display: block;
331
- margin-bottom: 15px;
332
- }
333
- .w-e-modal .babel-container span {
334
- display: block;
335
- margin-bottom: 10px;
336
- }
337
- .w-e-modal .button-container {
338
- margin-bottom: 15px;
339
- }
340
- .w-e-modal button {
341
- font-weight: 400;
342
- white-space: nowrap;
343
- cursor: pointer;
344
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
345
- -webkit-user-select: none;
346
- -moz-user-select: none;
347
- user-select: none;
348
- touch-action: manipulation;
349
- height: 32px;
350
- padding: 4.5px 15px;
351
- background-color: var(--w-e-modal-button-bg-color);
352
- text-align: center;
353
- }
354
- .w-e-modal button,.w-e-modal textarea,
355
- .w-e-modal input[type="text"],
356
- .w-e-modal input[type="number"] {
357
- color: var(--w-e-toolbar-color);
358
- border: 1px solid var(--w-e-modal-button-border-color);
359
- border-radius: 4px;
360
- }
361
- .w-e-modal textarea,
362
- .w-e-modal input[type="text"],
363
- .w-e-modal input[type="number"] {
364
- font-variant: tabular-nums;
365
- font-feature-settings: "tnum";
366
- padding: 4.5px 11px;
367
- background-color: var(--w-e-toolbar-bg-color);
368
- transition: all 0.3s;
369
- width: 100%;
370
- }
371
- .w-e-modal textarea {
372
- min-height: 60px;
373
- }
374
- body .w-e-modal,body .w-e-modal * {
375
- box-sizing: border-box;
376
- }
377
- .w-e-progress-bar {
378
- position: absolute;
379
- width: 0;
380
- height: 1px;
381
- background-color: var(--w-e-textarea-handler-bg-color);
382
- transition: width 0.3s;
383
- }
384
- .w-e-full-screen-container {
385
- position: fixed;
386
- margin: 0 !important;
387
- padding: 0 !important;
388
- top: 0 !important;
389
- left: 0 !important;
390
- right: 0 !important;
391
- bottom: 0 !important;
392
- height: 100% !important;
393
- width: 100% !important;
394
- display: flex !important;
395
- flex-direction: column !important;
396
- }
397
- .w-e-full-screen-container [data-w-e-textarea="true"] {
398
- flex: 1 !important;
399
- }
400
-
1
+ :host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}
2
+ .w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.no-scroll{width:100%}.w-e-text-container .w-e-scroll{height:100%;-webkit-overflow-scrolling:touch}.w-e-text-container [data-slate-editor]{outline:0;white-space:pre-wrap;word-wrap:break-word;border-top:1px solid transparent;min-height:100%;padding:0 10px}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;padding:5px 10px;text-align:center;top:40px;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;position:absolute;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:after{border-color:transparent transparent var(--w-e-toolbar-active-color) transparent;border-style:solid;border-width:5px;content:"";top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-color:transparent var(--w-e-toolbar-active-color) transparent transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color)}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}
3
+ .w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}
401
4
  .w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}
402
- .w-e-text-container [data-slate-editor] code {
403
- font-family: monospace;
404
- background-color: var(--w-e-textarea-slight-bg-color);
405
- padding: 3px;
406
- border-radius: 3px;
407
- }
408
- .w-e-panel-content-color {
409
- list-style: none;
410
- text-align: left;
411
- width: 230px;
412
- }
413
- .w-e-panel-content-color li {
414
- display: inline-block;
415
- padding: 2px;
416
- cursor: pointer;
417
- border-radius: 3px 3px;
418
- border: 1px solid var(--w-e-toolbar-bg-color);
419
- }
420
- .w-e-panel-content-color li:hover {
421
- border-color: var(--w-e-toolbar-color);
422
- }
423
- .w-e-panel-content-color li .color-block {
424
- width: 17px;
425
- height: 17px;
426
- border: 1px solid var(--w-e-toolbar-border-color);
427
- border-radius: 3px 3px;
428
- }
429
- .w-e-panel-content-color .active {
430
- border-color: var(--w-e-toolbar-color);
431
- }
432
- .w-e-panel-content-color .clear {
433
- width: 100%;
434
- line-height: 1.5;
435
- margin-bottom: 5px;
436
- }
437
- .w-e-panel-content-color .clear svg {
438
- width: 16px;
439
- height: 16px;
440
- margin-bottom: -4px;
441
- }
442
- .w-e-text-container [data-slate-editor] blockquote {
443
- display: block;
444
- border-left: 8px solid var(--w-e-textarea-selected-border-color);
445
- padding: 10px 10px;
446
- margin: 10px 0;
447
- line-height: 1.5;
448
- font-size: 100%;
449
- background-color: var(--w-e-textarea-slight-bg-color);
450
- }
451
- .w-e-panel-content-emotion {
452
- list-style: none;
453
- text-align: left;
454
- width: 300px;
455
- font-size: 20px;
456
- }
457
- .w-e-panel-content-emotion li {
458
- display: inline-block;
459
- padding: 0 5px;
460
- cursor: pointer;
461
- border-radius: 3px 3px;
462
- }
463
- .w-e-panel-content-emotion li:hover {
464
- background-color: var(--w-e-textarea-slight-bg-color);
465
- }
466
- .w-e-textarea-divider {
467
- padding: 20px 20px;
468
- margin: 20px auto;
469
- border-radius: 3px;
470
- }
471
- .w-e-textarea-divider hr {
472
- display: block;
473
- border: 0;
474
- height: 1px;
475
- background-color: var(--w-e-textarea-border-color);
476
- }
477
- .w-e-text-container [data-slate-editor] .w-e-image-container {
478
- display: inline-block;
479
- margin: 0 3px;
480
- }
481
- .w-e-text-container [data-slate-editor] .w-e-image-container:hover {
482
- box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
483
- }
484
- .w-e-text-container [data-slate-editor] .w-e-selected-image-container {
485
- position: relative;
486
- overflow: hidden;
487
- }
488
- .w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger {
489
- width: 7px;
490
- height: 7px;
491
- background-color: var(--w-e-textarea-handler-bg-color);
492
- position: absolute;
493
- }
494
- .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top {
495
- top: 0;
496
- left: 0;
497
- cursor: nwse-resize;
498
- }
499
- .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top {
500
- top: 0;
501
- right: 0;
502
- cursor: nesw-resize;
503
- }
504
- .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom {
505
- left: 0;
506
- bottom: 0;
507
- cursor: nesw-resize;
508
- }
509
- .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom {
510
- right: 0;
511
- bottom: 0;
512
- cursor: nwse-resize;
513
- }
514
- .w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover,.w-e-text-container [contenteditable="false"] .w-e-image-container:hover {
515
- box-shadow: none;
516
- }
517
-
518
5
 
519
6
 
520
7
  .w-e-text-container [data-slate-editor] .table-container{border-radius:0;margin-top:10px;overflow-x:auto;padding:0;position:relative;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;overflow:hidden;overflow-wrap:break-word;padding:3px 5px;white-space:pre-wrap;word-break:break-all}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-text-container [data-slate-editor] table td.w-e-selected,.w-e-text-container [data-slate-editor] table th.w-e-selected{background-color:rgba(20,86,240,.18)}.w-e-text-container [data-slate-editor] table.table-selection-none ::-moz-selection{background:none}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:none}.w-e-text-container [data-slate-editor] .column-resizer{display:flex;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;position:absolute;right:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:6px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{background:rgba(20,86,240,.8);height:100%;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{display:flex;flex-direction:column;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{bottom:0;cursor:row-resize;height:6px;opacity:0;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{background:rgba(20,86,240,.8);height:2px;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .babel-container span.babel-container-border{display:flex}.w-e-modal .babel-container span.babel-container-border>*{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container span.babel-container-border select{width:114px}.w-e-modal .babel-container span.babel-container-border>:nth-child(n+2){margin-left:8px}.w-e-modal .babel-container span.babel-container-border input:nth-child(3){width:100px}.w-e-modal .babel-container span.babel-container-background input{width:60px}.w-e-modal .babel-container .color-group,.w-e-modal .babel-container span.babel-container-algin select,.w-e-modal .babel-container span.babel-container-background input{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container .color-group{cursor:pointer;position:relative;width:28px}.w-e-modal .babel-container .color-group .w-e-drop-panel{margin-top:28px}.w-e-modal .babel-container .color-group-block{display:block;height:80%;margin:10%;width:80%}.w-e-modal .babel-container .color-group-block svg{height:20px;margin:1px 0;width:20px}
521
- .w-e-text-container [data-slate-editor] {
522
- /* 干掉 Chrome 默认选区样式*/
523
- /* 拖动 Style */
524
- /* 行拖动样式 */
525
- }
526
- .w-e-text-container [data-slate-editor] .table-container {
527
- width: 100%;
528
- overflow-x: auto;
529
- padding: 0px;
530
- border-radius: 0px;
531
- margin-top: 10px;
532
- position: relative;
533
- }
534
- .w-e-text-container [data-slate-editor] table {
535
- border-collapse: collapse;
536
- table-layout: fixed;
537
- /* 选区拖影 */
538
- }
539
- .w-e-text-container [data-slate-editor] table td,
540
- .w-e-text-container [data-slate-editor] table th {
541
- border: 1px solid var(--w-e-textarea-border-color);
542
- padding: 3px 5px;
543
- min-width: 30px;
544
- line-height: 1.5;
545
- /* 强制换行,table column 宽度必须拖动增大 */
546
- overflow: hidden;
547
- overflow-wrap: break-word;
548
- word-break: break-all;
549
- white-space: pre-wrap;
550
- }
551
- .w-e-text-container [data-slate-editor] table th {
552
- background-color: var(--w-e-textarea-slight-bg-color);
553
- text-align: center;
554
- font-weight: bold;
555
- }
556
- .w-e-text-container [data-slate-editor] table td.w-e-selected,
557
- .w-e-text-container [data-slate-editor] table th.w-e-selected {
558
- background-color: rgba(20, 86, 240, 0.18);
559
- }
560
- .w-e-text-container [data-slate-editor] table.table-selection-none *::-moz-selection {
561
- background: none;
562
- }
563
- .w-e-text-container [data-slate-editor] table.table-selection-none *::selection {
564
- background: none;
565
- }
566
- .w-e-text-container [data-slate-editor] .column-resizer {
567
- position: absolute;
568
- display: flex;
569
- top: 0px;
570
- left: 0px;
571
- width: 0;
572
- height: 0;
573
- z-index: 1;
574
- }
575
- .w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item {
576
- position: relative;
577
- }
578
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone {
579
- cursor: col-resize;
580
- position: absolute;
581
- width: 6px;
582
- right: 0px;
583
- visibility: hidden;
584
- opacity: 0;
585
- transition: opacity 0.2s ease, visibility 0.2s ease;
586
- }
587
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line {
588
- height: 100%;
589
- width: 2px;
590
- margin-left: 5px;
591
- background: rgba(20, 86, 240, 0.8);
592
- -webkit-user-select: none;
593
- -moz-user-select: none;
594
- user-select: none;
595
- }
596
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible {
597
- visibility: visible;
598
- }
599
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight {
600
- opacity: 1;
601
- }
602
- .w-e-text-container [data-slate-editor] .row-resizer {
603
- position: absolute;
604
- display: flex;
605
- flex-direction: column;
606
- top: 0px;
607
- left: 0px;
608
- width: 0;
609
- height: 0;
610
- z-index: 1;
611
- }
612
- .w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item {
613
- position: relative;
614
- }
615
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal {
616
- cursor: row-resize;
617
- position: absolute;
618
- height: 6px;
619
- bottom: 0px;
620
- visibility: hidden;
621
- opacity: 0;
622
- transition: opacity 0.2s ease, visibility 0.2s ease;
623
- }
624
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal {
625
- width: 100%;
626
- height: 2px;
627
- margin-top: 5px;
628
- background: rgba(20, 86, 240, 0.8);
629
- -webkit-user-select: none;
630
- -moz-user-select: none;
631
- user-select: none;
632
- }
633
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible {
634
- visibility: visible;
635
- }
636
- .w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight {
637
- opacity: 1;
638
- }
639
- .w-e-panel-content-table {
640
- background-color: var(--w-e-toolbar-bg-color);
641
- }
642
- .w-e-panel-content-table table {
643
- border-collapse: collapse;
644
- table-layout: fixed;
645
- }
646
- .w-e-panel-content-table th,
647
- .w-e-panel-content-table td {
648
- overflow: hidden;
649
- overflow-wrap: break-word;
650
- word-break: break-all;
651
- white-space: pre-wrap;
652
- }
653
- .w-e-panel-content-table td {
654
- border: 1px solid var(--w-e-toolbar-border-color);
655
- padding: 3px 5px;
656
- width: 20px;
657
- height: 15px;
658
- cursor: pointer;
659
- }
660
- .w-e-panel-content-table td.active {
661
- background-color: var(--w-e-toolbar-active-bg-color);
662
- }
663
- .w-e-modal .babel-container span.babel-container-border {
664
- display: flex;
665
- }
666
- .w-e-modal .babel-container span.babel-container-border > * {
667
- height: 28px;
668
- border: 1px solid var(--w-e-modal-button-border-color);
669
- border-radius: 2px;
670
- }
671
- .w-e-modal .babel-container span.babel-container-border select {
672
- width: 114px;
673
- }
674
- .w-e-modal .babel-container span.babel-container-border > :nth-child(n+2) {
675
- margin-left: 8px;
676
- }
677
- .w-e-modal .babel-container span.babel-container-border input:nth-child(3) {
678
- width: 100px;
679
- }
680
- .w-e-modal .babel-container span.babel-container-background input {
681
- width: 60px;
682
- }
683
- .w-e-modal .babel-container span.babel-container-background input,.w-e-modal .babel-container span.babel-container-algin select,.w-e-modal .babel-container .color-group {
684
- height: 28px;
685
- border: 1px solid var(--w-e-modal-button-border-color);
686
- border-radius: 2px;
687
- }
688
- .w-e-modal .babel-container .color-group {
689
- position: relative;
690
- width: 28px;
691
- cursor: pointer;
692
- }
693
- .w-e-modal .babel-container .color-group .w-e-drop-panel {
694
- margin-top: 28px;
695
- }
696
- .w-e-modal .babel-container .color-group-block {
697
- display: block;
698
- width: 80%;
699
- height: 80%;
700
- margin: 10%;
701
- }
702
- .w-e-modal .babel-container .color-group-block svg {
703
- width: 20px;
704
- height: 20px;
705
- margin: 1px 0px;
706
- }
707
-
8
+ .w-e-text-container [data-slate-editor] .table-container{border-radius:0;margin-top:10px;overflow-x:auto;padding:0;position:relative;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;overflow:hidden;overflow-wrap:break-word;padding:3px 5px;white-space:pre-wrap;word-break:break-all}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-text-container [data-slate-editor] table td.w-e-selected,.w-e-text-container [data-slate-editor] table th.w-e-selected{background-color:rgba(20,86,240,.18)}.w-e-text-container [data-slate-editor] table.table-selection-none ::-moz-selection{background:none}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:none}.w-e-text-container [data-slate-editor] .column-resizer{display:flex;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;position:absolute;right:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:6px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{background:rgba(20,86,240,.8);height:100%;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{display:flex;flex-direction:column;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{bottom:0;cursor:row-resize;height:6px;opacity:0;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{background:rgba(20,86,240,.8);height:2px;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .babel-container span.babel-container-border{display:flex}.w-e-modal .babel-container span.babel-container-border>*{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container span.babel-container-border select{width:114px}.w-e-modal .babel-container span.babel-container-border>:nth-child(n+2){margin-left:8px}.w-e-modal .babel-container span.babel-container-border input:nth-child(3){width:100px}.w-e-modal .babel-container span.babel-container-background input{width:60px}.w-e-modal .babel-container .color-group,.w-e-modal .babel-container span.babel-container-algin select,.w-e-modal .babel-container span.babel-container-background input{border:1px solid var(--w-e-modal-button-border-color);border-radius:2px;height:28px}.w-e-modal .babel-container .color-group{cursor:pointer;position:relative;width:28px}.w-e-modal .babel-container .color-group .w-e-drop-panel{margin-top:28px}.w-e-modal .babel-container .color-group-block{display:block;height:80%;margin:10%;width:80%}.w-e-modal .babel-container .color-group-block svg{height:20px;margin:1px 0;width:20px}
9
+ .w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;overflow:auto;padding:10px 0;text-align:center}
708
10
  .w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;overflow:auto;padding:10px 0;text-align:center}
709
- .w-e-textarea-video-container {
710
- text-align: center;
711
- border: 1px dashed var(--w-e-textarea-border-color);
712
- padding: 10px 0;
713
- margin: 0 auto;
714
- margin-top: 10px;
715
- border-radius: 5px;
716
- overflow: auto;
717
- background-position: 0px 0px, 10px 10px;
718
- background-size: 20px 20px;
719
- background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
720
- }
721
-
722
11
 
723
12
 
724
13
  .w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;text-align:left;text-indent:0;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}
725
- .w-e-text-container [data-slate-editor] pre > code {
726
- display: block;
727
- border: 1px solid var(--w-e-textarea-slight-border-color);
728
- border-radius: 4px 4px;
729
- text-indent: 0;
730
- background-color: var(--w-e-textarea-slight-bg-color);
731
- font-size: 14px;
732
- text-shadow: 0 1px white;
733
- font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
734
- text-align: left;
735
- white-space: pre;
736
- word-spacing: normal;
737
- word-break: normal;
738
- word-wrap: normal;
739
- line-height: 1.5;
740
- -moz-tab-size: 4;
741
- -o-tab-size: 4;
742
- tab-size: 4;
743
- hyphens: none;
744
- padding: 1em;
745
- margin: 0.5em 0;
746
- overflow: auto;
747
- }
748
- .w-e-text-container [data-slate-editor] pre > code .token.comment,
749
- .w-e-text-container [data-slate-editor] pre > code .token.prolog,
750
- .w-e-text-container [data-slate-editor] pre > code .token.doctype,
751
- .w-e-text-container [data-slate-editor] pre > code .token.cdata {
752
- color: slategray;
753
- }
754
- .w-e-text-container [data-slate-editor] pre > code .token.punctuation {
755
- color: #999;
756
- }
757
- .w-e-text-container [data-slate-editor] pre > code .token.namespace {
758
- opacity: 0.7;
759
- }
760
- .w-e-text-container [data-slate-editor] pre > code .token.property,
761
- .w-e-text-container [data-slate-editor] pre > code .token.tag,
762
- .w-e-text-container [data-slate-editor] pre > code .token.boolean,
763
- .w-e-text-container [data-slate-editor] pre > code .token.number,
764
- .w-e-text-container [data-slate-editor] pre > code .token.constant,
765
- .w-e-text-container [data-slate-editor] pre > code .token.symbol,
766
- .w-e-text-container [data-slate-editor] pre > code .token.deleted {
767
- color: #905;
768
- }
769
- .w-e-text-container [data-slate-editor] pre > code .token.selector,
770
- .w-e-text-container [data-slate-editor] pre > code .token.attr-name,
771
- .w-e-text-container [data-slate-editor] pre > code .token.string,
772
- .w-e-text-container [data-slate-editor] pre > code .token.char,
773
- .w-e-text-container [data-slate-editor] pre > code .token.builtin,
774
- .w-e-text-container [data-slate-editor] pre > code .token.inserted {
775
- color: #690;
776
- }
777
- .w-e-text-container [data-slate-editor] pre > code .token.operator,
778
- .w-e-text-container [data-slate-editor] pre > code .token.entity,
779
- .w-e-text-container [data-slate-editor] pre > code .token.url,
780
- .w-e-text-container [data-slate-editor] pre > code .language-css .token.string,
781
- .w-e-text-container [data-slate-editor] pre > code .style .token.string {
782
- color: #9a6e3a;
783
- }
784
- .w-e-text-container [data-slate-editor] pre > code .token.atrule,
785
- .w-e-text-container [data-slate-editor] pre > code .token.attr-value,
786
- .w-e-text-container [data-slate-editor] pre > code .token.keyword {
787
- color: #07a;
788
- }
789
- .w-e-text-container [data-slate-editor] pre > code .token.function,
790
- .w-e-text-container [data-slate-editor] pre > code .token.class-name {
791
- color: #DD4A68;
792
- }
793
- .w-e-text-container [data-slate-editor] pre > code .token.regex,
794
- .w-e-text-container [data-slate-editor] pre > code .token.important,
795
- .w-e-text-container [data-slate-editor] pre > code .token.variable {
796
- color: #e90;
797
- }
798
- .w-e-text-container [data-slate-editor] pre > code .token.important,
799
- .w-e-text-container [data-slate-editor] pre > code .token.bold {
800
- font-weight: bold;
801
- }
802
- .w-e-text-container [data-slate-editor] pre > code .token.italic {
803
- font-style: italic;
804
- }
805
- .w-e-text-container [data-slate-editor] pre > code .token.entity {
806
- cursor: help;
807
- }
14
+ .w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;text-align:left;text-indent:0;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}