@syncfusion/ej2-react-richtexteditor 20.2.49 → 20.3.47

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.
Files changed (35) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/diConfig.json +18 -0
  3. package/dist/ej2-react-richtexteditor.min.js +10 -0
  4. package/dist/ej2-react-richtexteditor.umd.min.js +1 -1
  5. package/package.json +8 -8
  6. package/styles/bootstrap-dark.css +220 -70
  7. package/styles/bootstrap.css +220 -70
  8. package/styles/bootstrap4.css +220 -70
  9. package/styles/bootstrap5-dark.css +220 -70
  10. package/styles/bootstrap5.css +220 -70
  11. package/styles/fabric-dark.css +220 -70
  12. package/styles/fabric.css +222 -72
  13. package/styles/fluent-dark.css +222 -72
  14. package/styles/fluent.css +222 -72
  15. package/styles/highcontrast-light.css +222 -72
  16. package/styles/highcontrast.css +222 -72
  17. package/styles/material-dark.css +220 -70
  18. package/styles/material.css +220 -70
  19. package/styles/rich-text-editor/bootstrap-dark.css +220 -70
  20. package/styles/rich-text-editor/bootstrap.css +220 -70
  21. package/styles/rich-text-editor/bootstrap4.css +220 -70
  22. package/styles/rich-text-editor/bootstrap5-dark.css +220 -70
  23. package/styles/rich-text-editor/bootstrap5.css +220 -70
  24. package/styles/rich-text-editor/fabric-dark.css +220 -70
  25. package/styles/rich-text-editor/fabric.css +222 -72
  26. package/styles/rich-text-editor/fluent-dark.css +222 -72
  27. package/styles/rich-text-editor/fluent.css +222 -72
  28. package/styles/rich-text-editor/highcontrast-light.css +222 -72
  29. package/styles/rich-text-editor/highcontrast.css +222 -72
  30. package/styles/rich-text-editor/material-dark.css +220 -70
  31. package/styles/rich-text-editor/material.css +220 -70
  32. package/styles/rich-text-editor/tailwind-dark.css +220 -70
  33. package/styles/rich-text-editor/tailwind.css +220 -70
  34. package/styles/tailwind-dark.css +220 -70
  35. package/styles/tailwind.css +220 -70
@@ -272,8 +272,20 @@
272
272
  .e-rte-dropdown-popup .e-image::before {
273
273
  content: "\e335";
274
274
  }
275
+ .e-rte-toolbar .e-audio::before,
276
+ .e-rte-dropdown-popup .e-audio::before {
277
+ content: "\e947";
278
+ }
279
+ .e-rte-toolbar .e-video::before,
280
+ .e-rte-dropdown-popup .e-video::before {
281
+ content: "\e948";
282
+ }
275
283
  .e-rte-toolbar .e-replace::before,
276
- .e-rte-dropdown-popup .e-replace::before {
284
+ .e-rte-toolbar .e-audio-replace::before,
285
+ .e-rte-toolbar .e-video-replace::before,
286
+ .e-rte-dropdown-popup .e-replace::before,
287
+ .e-rte-dropdown-popup .e-audio-replace::before,
288
+ .e-rte-dropdown-popup .e-video-replace::before {
277
289
  content: "\e359";
278
290
  }
279
291
  .e-rte-toolbar .e-align::before,
@@ -285,7 +297,11 @@
285
297
  content: "\e35b";
286
298
  }
287
299
  .e-rte-toolbar .e-remove::before,
288
- .e-rte-dropdown-popup .e-remove::before {
300
+ .e-rte-toolbar .e-audio-remove::before,
301
+ .e-rte-toolbar .e-video-remove::before,
302
+ .e-rte-dropdown-popup .e-remove::before,
303
+ .e-rte-dropdown-popup .e-audio-remove::before,
304
+ .e-rte-dropdown-popup .e-video-remove::before {
289
305
  content: "\e33e";
290
306
  }
291
307
  .e-rte-toolbar .e-insert-link::before,
@@ -293,7 +309,11 @@
293
309
  content: "\e34e";
294
310
  }
295
311
  .e-rte-toolbar .e-display::before,
296
- .e-rte-dropdown-popup .e-display::before {
312
+ .e-rte-toolbar .e-audio-display::before,
313
+ .e-rte-toolbar .e-video-display::before,
314
+ .e-rte-dropdown-popup .e-display::before,
315
+ .e-rte-dropdown-popup .e-audio-display::before,
316
+ .e-rte-dropdown-popup .e-video-display::before {
297
317
  content: "\e358";
298
318
  }
299
319
  .e-rte-toolbar .e-alt-text::before,
@@ -301,7 +321,9 @@
301
321
  content: "\e33c";
302
322
  }
303
323
  .e-rte-toolbar .e-img-dimension::before,
304
- .e-rte-dropdown-popup .e-img-dimension::before {
324
+ .e-rte-toolbar .e-video-dimension::before,
325
+ .e-rte-dropdown-popup .e-img-dimension::before,
326
+ .e-rte-dropdown-popup .e-video-dimension::before {
305
327
  content: "\e336";
306
328
  }
307
329
  .e-rte-toolbar .e-maximize::before,
@@ -560,31 +582,31 @@
560
582
  }
561
583
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
562
584
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
563
- max-height: 330px !important;
585
+ max-height: 330px !important; /* stylelint-disable-line declaration-no-important */
564
586
  }
565
587
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
566
588
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
567
- max-height: 414px !important;
589
+ max-height: 414px !important; /* stylelint-disable-line declaration-no-important */
568
590
  }
569
591
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
570
592
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
571
- max-height: 427px !important;
593
+ max-height: 427px !important; /* stylelint-disable-line declaration-no-important */
572
594
  }
573
595
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
574
596
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
575
- min-height: 457px !important;
597
+ min-height: 457px !important; /* stylelint-disable-line declaration-no-important */
576
598
  }
577
599
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
578
600
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
579
- max-height: 256px !important;
601
+ max-height: 256px !important; /* stylelint-disable-line declaration-no-important */
580
602
  }
581
603
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
582
604
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
583
- max-height: 327px !important;
605
+ max-height: 327px !important; /* stylelint-disable-line declaration-no-important */
584
606
  }
585
607
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
586
608
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
587
- min-height: 457px !important;
609
+ min-height: 457px !important; /* stylelint-disable-line declaration-no-important */
588
610
  }
589
611
 
590
612
  .e-richtexteditor {
@@ -610,13 +632,13 @@
610
632
  }
611
633
  .e-richtexteditor.e-rte-full-screen {
612
634
  bottom: 0;
613
- height: 100% !important;
635
+ height: 100% !important; /* stylelint-disable-line declaration-no-important */
614
636
  left: 0;
615
637
  overflow: auto;
616
638
  position: fixed;
617
639
  right: 0;
618
640
  top: 0;
619
- width: 100% !important;
641
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
620
642
  z-index: 999;
621
643
  }
622
644
  .e-richtexteditor.e-rte-full-screen .e-resize-handle {
@@ -626,25 +648,25 @@
626
648
  height: calc(100% - 42px);
627
649
  }
628
650
  .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
629
- max-height: 287px !important;
651
+ max-height: 287px !important; /* stylelint-disable-line declaration-no-important */
630
652
  }
631
653
  .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
632
- max-height: 365px !important;
654
+ max-height: 365px !important; /* stylelint-disable-line declaration-no-important */
633
655
  }
634
656
  .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
635
- max-height: 394px !important;
657
+ max-height: 394px !important; /* stylelint-disable-line declaration-no-important */
636
658
  }
637
659
  .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
638
- max-height: 426px !important;
660
+ max-height: 426px !important; /* stylelint-disable-line declaration-no-important */
639
661
  }
640
662
  .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
641
- max-height: 223px !important;
663
+ max-height: 223px !important; /* stylelint-disable-line declaration-no-important */
642
664
  }
643
665
  .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
644
- max-height: 284px !important;
666
+ max-height: 284px !important; /* stylelint-disable-line declaration-no-important */
645
667
  }
646
668
  .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
647
- max-height: 426px !important;
669
+ max-height: 426px !important; /* stylelint-disable-line declaration-no-important */
648
670
  }
649
671
  .e-richtexteditor.e-rtl .e-rte-character-count {
650
672
  left: 0;
@@ -846,6 +868,7 @@
846
868
  }
847
869
  .e-richtexteditor .e-rte-content,
848
870
  .e-richtexteditor .e-source-content {
871
+ /* stylelint-disable property-no-vendor-prefix */
849
872
  -webkit-overflow-scrolling: touch;
850
873
  overflow: auto;
851
874
  transition: 100ms ease-out;
@@ -882,39 +905,39 @@
882
905
  .e-richtexteditor .e-rte-content .e-content h1,
883
906
  .e-richtexteditor .e-source-content .e-content h1 {
884
907
  font-size: 2.17em;
885
- font-weight: 400;
908
+ font-weight: normal;
886
909
  line-height: 1;
887
910
  margin: 10px 0;
888
911
  }
889
912
  .e-richtexteditor .e-rte-content .e-content h2,
890
913
  .e-richtexteditor .e-source-content .e-content h2 {
891
914
  font-size: 1.74em;
892
- font-weight: 400;
915
+ font-weight: normal;
893
916
  margin: 10px 0;
894
917
  }
895
918
  .e-richtexteditor .e-rte-content .e-content h3,
896
919
  .e-richtexteditor .e-source-content .e-content h3 {
897
920
  font-size: 1.31em;
898
- font-weight: 400;
921
+ font-weight: normal;
899
922
  margin: 10px 0;
900
923
  }
901
924
  .e-richtexteditor .e-rte-content .e-content h4,
902
925
  .e-richtexteditor .e-source-content .e-content h4 {
903
926
  font-size: 16px;
904
- font-weight: 400;
927
+ font-weight: normal;
905
928
  line-height: 1.5;
906
929
  margin: 0;
907
930
  }
908
931
  .e-richtexteditor .e-rte-content .e-content h5,
909
932
  .e-richtexteditor .e-source-content .e-content h5 {
910
933
  font-size: 0.8em;
911
- font-weight: 400;
934
+ font-weight: normal;
912
935
  margin: 0;
913
936
  }
914
937
  .e-richtexteditor .e-rte-content .e-content h6,
915
938
  .e-richtexteditor .e-source-content .e-content h6 {
916
939
  font-size: 0.65em;
917
- font-weight: 400;
940
+ font-weight: normal;
918
941
  margin: 0;
919
942
  }
920
943
  .e-richtexteditor .e-rte-content .e-content blockquote,
@@ -942,7 +965,7 @@
942
965
  .e-richtexteditor .e-rte-content .e-content b,
943
966
  .e-richtexteditor .e-source-content .e-content strong,
944
967
  .e-richtexteditor .e-source-content .e-content b {
945
- font-weight: 700;
968
+ font-weight: bold;
946
969
  }
947
970
  .e-richtexteditor .e-rte-content .e-content a,
948
971
  .e-richtexteditor .e-source-content .e-content a {
@@ -1110,37 +1133,37 @@
1110
1133
  font-weight: bold;
1111
1134
  }
1112
1135
  .e-rte-dropdown-popup ul .e-item.e-segoe-ui {
1113
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
1136
+ font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
1114
1137
  }
1115
1138
  .e-rte-dropdown-popup ul .e-item.e-arial {
1116
- font-family: Arial, Helvetica, sans-serif;
1139
+ font-family: "Arial", "Helvetica", sans-serif;
1117
1140
  }
1118
1141
  .e-rte-dropdown-popup ul .e-item.e-courier-new {
1119
- font-family: Courier New, Courier, monospace;
1142
+ font-family: "Courier New", "Courier", monospace;
1120
1143
  }
1121
1144
  .e-rte-dropdown-popup ul .e-item.e-georgia {
1122
- font-family: Georgia, "Times New Roman", Times, serif;
1145
+ font-family: "Georgia", "Times New Roman", "Times", serif;
1123
1146
  }
1124
1147
  .e-rte-dropdown-popup ul .e-item.e-helvetica-neue {
1125
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1148
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
1126
1149
  }
1127
1150
  .e-rte-dropdown-popup ul .e-item.e-impact {
1128
- font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
1151
+ font-family: "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
1129
1152
  }
1130
1153
  .e-rte-dropdown-popup ul .e-item.e-lucida-console {
1131
- font-family: Lucida Console, Monaco, monospace;
1154
+ font-family: "Lucida Console", "Monaco", monospace;
1132
1155
  }
1133
1156
  .e-rte-dropdown-popup ul .e-item.e-tahoma {
1134
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
1157
+ font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
1135
1158
  }
1136
1159
  .e-rte-dropdown-popup ul .e-item.e-times-new-roman {
1137
- font-family: "Times New Roman", Times, serif;
1160
+ font-family: "Times New Roman", "Times", serif;
1138
1161
  }
1139
1162
  .e-rte-dropdown-popup ul .e-item.e-trebuchet-ms {
1140
- font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
1163
+ font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
1141
1164
  }
1142
1165
  .e-rte-dropdown-popup ul .e-item.e-verdana {
1143
- font-family: Verdana, Geneva, Tahoma, sans-serif;
1166
+ font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
1144
1167
  }
1145
1168
  .e-rte-dropdown-popup ul .e-item.e-roboto {
1146
1169
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif;
@@ -1157,7 +1180,9 @@
1157
1180
  margin: 0 6px;
1158
1181
  }
1159
1182
 
1160
- .e-rte-image.e-imgbreak {
1183
+ .e-rte-image.e-imgbreak,
1184
+ .e-rte-audio.e-audio-break,
1185
+ .e-rte-video.e-video-break {
1161
1186
  border: 0;
1162
1187
  cursor: pointer;
1163
1188
  display: block;
@@ -1167,7 +1192,9 @@
1167
1192
  position: relative;
1168
1193
  }
1169
1194
 
1170
- .e-rte-image {
1195
+ .e-rte-image,
1196
+ .e-rte-audio,
1197
+ .e-rte-video {
1171
1198
  border: 0;
1172
1199
  cursor: pointer;
1173
1200
  display: block;
@@ -1177,7 +1204,9 @@
1177
1204
  position: relative;
1178
1205
  }
1179
1206
 
1180
- .e-rte-image.e-imginline {
1207
+ .e-rte-image.e-imginline,
1208
+ .e-rte-audio.e-audio-inline,
1209
+ .e-rte-video.e-video-inline {
1181
1210
  display: inline-block;
1182
1211
  float: none;
1183
1212
  max-width: calc(100% - 10px);
@@ -1185,7 +1214,8 @@
1185
1214
  vertical-align: bottom;
1186
1215
  }
1187
1216
 
1188
- .e-rte-image.e-imgcenter {
1217
+ .e-rte-image.e-imgcenter,
1218
+ .e-rte-video.e-video-center {
1189
1219
  cursor: pointer;
1190
1220
  display: block;
1191
1221
  float: none;
@@ -1194,14 +1224,16 @@
1194
1224
  position: relative;
1195
1225
  }
1196
1226
 
1197
- .e-rte-image.e-imgleft {
1227
+ .e-rte-image.e-imgleft,
1228
+ .e-rte-video.e-video-left {
1198
1229
  float: left;
1199
1230
  margin: 0 auto;
1200
1231
  margin-right: 5px;
1201
1232
  text-align: left;
1202
1233
  }
1203
1234
 
1204
- .e-rte-image.e-imgright {
1235
+ .e-rte-image.e-imgright,
1236
+ .e-rte-video.e-video-right {
1205
1237
  float: right;
1206
1238
  margin: 0 auto;
1207
1239
  margin-left: 5px;
@@ -1335,7 +1367,10 @@
1335
1367
  height: 1px;
1336
1368
  }
1337
1369
 
1338
- .e-richtexteditor .e-linkheader {
1370
+ .e-richtexteditor .e-linkheader,
1371
+ .e-richtexteditor .e-audioheader,
1372
+ .e-richtexteditor .e-videoheader,
1373
+ .e-richtexteditor .e-video-url-wrap {
1339
1374
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
1340
1375
  font-size: 15px;
1341
1376
  opacity: 0.87;
@@ -1343,31 +1378,49 @@
1343
1378
  padding-top: 20px;
1344
1379
  }
1345
1380
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1346
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1381
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1382
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1383
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1384
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1385
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1347
1386
  margin-top: 0;
1348
1387
  }
1349
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1388
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1389
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1390
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1350
1391
  margin-right: 30px;
1351
1392
  }
1352
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1393
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1394
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1395
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1353
1396
  border-bottom: 0 solid transparent;
1354
1397
  min-height: initial;
1355
1398
  }
1356
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1399
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1400
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1401
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1357
1402
  margin-left: 0;
1358
1403
  margin-right: 0;
1359
1404
  }
1360
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files {
1405
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1406
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1407
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1361
1408
  border-top: 0 solid transparent;
1362
1409
  }
1363
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap {
1410
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1411
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1412
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1364
1413
  display: none;
1365
1414
  }
1366
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload {
1415
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
1416
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
1417
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
1367
1418
  border: 0 solid transparent;
1368
1419
  float: none;
1369
1420
  }
1370
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn {
1421
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1422
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1423
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1371
1424
  display: block;
1372
1425
  height: 36px;
1373
1426
  margin: 0 auto;
@@ -1375,19 +1428,31 @@
1375
1428
  position: relative;
1376
1429
  top: -50px;
1377
1430
  }
1378
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
1431
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1432
+ .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1433
+ top: -120px;
1434
+ }
1435
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1436
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1437
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1379
1438
  display: none;
1380
1439
  }
1381
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea {
1440
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
1441
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
1442
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
1382
1443
  line-height: 10;
1383
1444
  min-height: 50px;
1384
1445
  position: relative;
1385
1446
  }
1386
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text {
1447
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1448
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1449
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1387
1450
  display: inline-block;
1388
1451
  line-height: normal;
1389
1452
  }
1390
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
1453
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1454
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1455
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1391
1456
  line-height: 4;
1392
1457
  }
1393
1458
  .e-richtexteditor .e-rte-inline-dropdown ul {
@@ -2244,7 +2309,7 @@
2244
2309
  overflow: hidden;
2245
2310
  }
2246
2311
 
2247
- .e-rte-dialog-minheight {
2312
+ .e-dialog.e-rte-dialog-minheight {
2248
2313
  min-height: 296px;
2249
2314
  }
2250
2315
 
@@ -2264,12 +2329,28 @@
2264
2329
  border-collapse: separate;
2265
2330
  }
2266
2331
 
2267
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
2332
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2333
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2334
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
2335
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2336
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2337
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
2338
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2339
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2340
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
2268
2341
  line-height: 10;
2269
2342
  min-height: 50px;
2270
2343
  position: relative;
2271
2344
  }
2272
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
2345
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2346
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2347
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
2348
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2349
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2350
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
2351
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2352
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2353
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
2273
2354
  display: block;
2274
2355
  height: 36px;
2275
2356
  margin: 0 auto;
@@ -2277,14 +2358,32 @@
2277
2358
  position: relative;
2278
2359
  top: -50px;
2279
2360
  }
2280
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload {
2361
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2362
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2363
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
2364
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2365
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2366
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
2367
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2368
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2369
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload {
2281
2370
  border: 0 solid transparent;
2282
2371
  float: none;
2283
2372
  }
2284
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap {
2373
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2374
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2375
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
2376
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2377
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2378
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
2379
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2380
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2381
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
2285
2382
  display: none;
2286
2383
  }
2287
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
2384
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
2385
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
2386
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
2288
2387
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2289
2388
  font-size: 15px;
2290
2389
  opacity: 0.87;
@@ -2449,7 +2548,9 @@
2449
2548
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2450
2549
  border: 0;
2451
2550
  }
2452
- .e-richtexteditor img.e-img-focus::selection {
2551
+ .e-richtexteditor img.e-img-focus::selection,
2552
+ .e-richtexteditor audio.e-audio-focus::selection,
2553
+ .e-richtexteditor .e-video-focus::selection {
2453
2554
  background: transparent;
2454
2555
  color: transparent;
2455
2556
  }
@@ -2464,7 +2565,9 @@
2464
2565
  border-left: solid 2px #333;
2465
2566
  }
2466
2567
  .e-richtexteditor .e-rte-content .e-content .e-img-focus:not(.e-resize),
2467
- .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize) {
2568
+ .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
2569
+ .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
2570
+ .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
2468
2571
  border: solid 2px #317ab9;
2469
2572
  }
2470
2573
  .e-richtexteditor .e-rte-content .e-content a,
@@ -2544,6 +2647,43 @@
2544
2647
  .e-richtexteditor.e-rte-tb-expand.e-rte-resize .e-source-content {
2545
2648
  border-bottom: 0;
2546
2649
  }
2650
+ .e-richtexteditor .e-audio-wrap,
2651
+ .e-richtexteditor .e-embed-video-wrap {
2652
+ display: inline-block;
2653
+ }
2654
+ .e-richtexteditor .e-clickelem,
2655
+ .e-richtexteditor .e-video-clickelem {
2656
+ display: block;
2657
+ margin: 0;
2658
+ outline: none;
2659
+ padding: 0;
2660
+ position: relative;
2661
+ }
2662
+ .e-richtexteditor .e-clickelem::after,
2663
+ .e-richtexteditor .e-video-clickelem::after {
2664
+ background: transparent;
2665
+ bottom: 0;
2666
+ content: "";
2667
+ cursor: default;
2668
+ display: block;
2669
+ left: 0;
2670
+ position: absolute;
2671
+ right: 0;
2672
+ top: 0;
2673
+ z-index: 1;
2674
+ }
2675
+ .e-richtexteditor .e-videoheader,
2676
+ .e-richtexteditor .e-embed-videoheader,
2677
+ .e-richtexteditor .e-video-url-wrap {
2678
+ padding-bottom: 5px;
2679
+ padding-top: 15px;
2680
+ }
2681
+ .e-richtexteditor .e-video-url-wrap .e-radio-wrapper {
2682
+ padding: 5px;
2683
+ }
2684
+ .e-richtexteditor .e-video-url-wrap textarea {
2685
+ height: 80px;
2686
+ }
2547
2687
 
2548
2688
  .e-rte-quick-popup {
2549
2689
  border: 0;
@@ -2604,7 +2744,9 @@
2604
2744
  border-color: #8c8c8c;
2605
2745
  }
2606
2746
 
2607
- .e-dialog .e-img-uploadwrap .e-droptext {
2747
+ .e-dialog .e-img-uploadwrap .e-droptext,
2748
+ .e-dialog .e-aud-uploadwrap .e-droptext,
2749
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2608
2750
  border: dashed 2px #d4d4d4;
2609
2751
  border-radius: 4px;
2610
2752
  color: #adadad;
@@ -2617,6 +2759,10 @@
2617
2759
  width: 300px;
2618
2760
  }
2619
2761
 
2762
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2763
+ height: 108px;
2764
+ }
2765
+
2620
2766
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2621
2767
  margin: 0 auto;
2622
2768
  width: 250px;
@@ -2638,7 +2784,8 @@
2638
2784
  z-index: 1000;
2639
2785
  }
2640
2786
 
2641
- span.e-rte-imageboxmark {
2787
+ span.e-rte-imageboxmark,
2788
+ span.e-rte-videoboxmark {
2642
2789
  background: #4a90e2;
2643
2790
  border: 1px solid #fff;
2644
2791
  display: block;
@@ -2648,7 +2795,8 @@ span.e-rte-imageboxmark {
2648
2795
  z-index: 1000;
2649
2796
  }
2650
2797
 
2651
- .e-mob-rte span.e-rte-imageboxmark {
2798
+ .e-mob-rte span.e-rte-imageboxmark,
2799
+ .e-mob-rte span.e-rte-videoboxmark {
2652
2800
  background: #fff;
2653
2801
  border: 1px solid #4a90e2;
2654
2802
  border-radius: 15px;
@@ -2656,12 +2804,14 @@ span.e-rte-imageboxmark {
2656
2804
  width: 20px;
2657
2805
  }
2658
2806
 
2659
- .e-mob-rte.e-mob-span span.e-rte-imageboxmark {
2807
+ .e-mob-rte.e-mob-span span.e-rte-imageboxmark,
2808
+ .e-mob-rte.e-mob-span span.e-rte-videoboxmark {
2660
2809
  background: #4a90e2;
2661
2810
  border: 1px solid #fff;
2662
2811
  }
2663
2812
 
2664
- .e-rte-content .e-content img.e-resize {
2813
+ .e-rte-content .e-content img.e-resize,
2814
+ .e-rte-content .e-content video.e-resize {
2665
2815
  z-index: 1000;
2666
2816
  }
2667
2817