@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
@@ -367,8 +367,20 @@
367
367
  .e-rte-dropdown-popup .e-image::before {
368
368
  content: "\e776";
369
369
  }
370
+ .e-rte-toolbar .e-audio::before,
371
+ .e-rte-dropdown-popup .e-audio::before {
372
+ content: "\e947";
373
+ }
374
+ .e-rte-toolbar .e-video::before,
375
+ .e-rte-dropdown-popup .e-video::before {
376
+ content: "\e948";
377
+ }
370
378
  .e-rte-toolbar .e-replace::before,
371
- .e-rte-dropdown-popup .e-replace::before {
379
+ .e-rte-toolbar .e-audio-replace::before,
380
+ .e-rte-toolbar .e-video-replace::before,
381
+ .e-rte-dropdown-popup .e-replace::before,
382
+ .e-rte-dropdown-popup .e-audio-replace::before,
383
+ .e-rte-dropdown-popup .e-video-replace::before {
372
384
  content: "\e80d";
373
385
  }
374
386
  .e-rte-toolbar .e-align::before,
@@ -380,7 +392,11 @@
380
392
  content: "\e795";
381
393
  }
382
394
  .e-rte-toolbar .e-remove::before,
383
- .e-rte-dropdown-popup .e-remove::before {
395
+ .e-rte-toolbar .e-audio-remove::before,
396
+ .e-rte-toolbar .e-video-remove::before,
397
+ .e-rte-dropdown-popup .e-remove::before,
398
+ .e-rte-dropdown-popup .e-audio-remove::before,
399
+ .e-rte-dropdown-popup .e-video-remove::before {
384
400
  content: "\e773";
385
401
  }
386
402
  .e-rte-toolbar .e-insert-link::before,
@@ -388,7 +404,11 @@
388
404
  content: "\e72e";
389
405
  }
390
406
  .e-rte-toolbar .e-display::before,
391
- .e-rte-dropdown-popup .e-display::before {
407
+ .e-rte-toolbar .e-audio-display::before,
408
+ .e-rte-toolbar .e-video-display::before,
409
+ .e-rte-dropdown-popup .e-display::before,
410
+ .e-rte-dropdown-popup .e-audio-display::before,
411
+ .e-rte-dropdown-popup .e-video-display::before {
392
412
  content: "\e788";
393
413
  }
394
414
  .e-rte-toolbar .e-alt-text::before,
@@ -396,7 +416,9 @@
396
416
  content: "\e80b";
397
417
  }
398
418
  .e-rte-toolbar .e-img-dimension::before,
399
- .e-rte-dropdown-popup .e-img-dimension::before {
419
+ .e-rte-toolbar .e-video-dimension::before,
420
+ .e-rte-dropdown-popup .e-img-dimension::before,
421
+ .e-rte-dropdown-popup .e-video-dimension::before {
400
422
  content: "\e791";
401
423
  }
402
424
  .e-rte-toolbar .e-maximize::before,
@@ -655,31 +677,31 @@
655
677
  }
656
678
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
657
679
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
658
- max-height: 302px !important;
680
+ max-height: 302px !important; /* stylelint-disable-line declaration-no-important */
659
681
  }
660
682
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
661
683
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
662
- max-height: 378px !important;
684
+ max-height: 378px !important; /* stylelint-disable-line declaration-no-important */
663
685
  }
664
686
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
665
687
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
666
- max-height: 404px !important;
688
+ max-height: 404px !important; /* stylelint-disable-line declaration-no-important */
667
689
  }
668
690
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
669
691
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
670
- min-height: 428px !important;
692
+ min-height: 428px !important; /* stylelint-disable-line declaration-no-important */
671
693
  }
672
694
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
673
695
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
674
- max-height: 231px !important;
696
+ max-height: 231px !important; /* stylelint-disable-line declaration-no-important */
675
697
  }
676
698
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
677
699
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
678
- max-height: 312px !important;
700
+ max-height: 312px !important; /* stylelint-disable-line declaration-no-important */
679
701
  }
680
702
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
681
703
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
682
- min-height: 428px !important;
704
+ min-height: 428px !important; /* stylelint-disable-line declaration-no-important */
683
705
  }
684
706
 
685
707
  .e-richtexteditor {
@@ -705,13 +727,13 @@
705
727
  }
706
728
  .e-richtexteditor.e-rte-full-screen {
707
729
  bottom: 0;
708
- height: 100% !important;
730
+ height: 100% !important; /* stylelint-disable-line declaration-no-important */
709
731
  left: 0;
710
732
  overflow: auto;
711
733
  position: fixed;
712
734
  right: 0;
713
735
  top: 0;
714
- width: 100% !important;
736
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
715
737
  z-index: 999;
716
738
  }
717
739
  .e-richtexteditor.e-rte-full-screen .e-resize-handle {
@@ -721,25 +743,25 @@
721
743
  height: calc(100% - 42px);
722
744
  }
723
745
  .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
724
- max-height: 264px !important;
746
+ max-height: 264px !important; /* stylelint-disable-line declaration-no-important */
725
747
  }
726
748
  .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
727
- max-height: 333px !important;
749
+ max-height: 333px !important; /* stylelint-disable-line declaration-no-important */
728
750
  }
729
751
  .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
730
- max-height: 368px !important;
752
+ max-height: 368px !important; /* stylelint-disable-line declaration-no-important */
731
753
  }
732
754
  .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
733
- max-height: 405px !important;
755
+ max-height: 405px !important; /* stylelint-disable-line declaration-no-important */
734
756
  }
735
757
  .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
736
- max-height: 204px !important;
758
+ max-height: 204px !important; /* stylelint-disable-line declaration-no-important */
737
759
  }
738
760
  .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
739
- max-height: 268px !important;
761
+ max-height: 268px !important; /* stylelint-disable-line declaration-no-important */
740
762
  }
741
763
  .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
742
- max-height: 405px !important;
764
+ max-height: 405px !important; /* stylelint-disable-line declaration-no-important */
743
765
  }
744
766
  .e-richtexteditor.e-rtl .e-rte-character-count {
745
767
  left: 0;
@@ -941,6 +963,7 @@
941
963
  }
942
964
  .e-richtexteditor .e-rte-content,
943
965
  .e-richtexteditor .e-source-content {
966
+ /* stylelint-disable property-no-vendor-prefix */
944
967
  -webkit-overflow-scrolling: touch;
945
968
  overflow: auto;
946
969
  transition: 100ms ease-out;
@@ -977,39 +1000,39 @@
977
1000
  .e-richtexteditor .e-rte-content .e-content h1,
978
1001
  .e-richtexteditor .e-source-content .e-content h1 {
979
1002
  font-size: 2.17em;
980
- font-weight: 400;
1003
+ font-weight: normal;
981
1004
  line-height: 1;
982
1005
  margin: 10px 0;
983
1006
  }
984
1007
  .e-richtexteditor .e-rte-content .e-content h2,
985
1008
  .e-richtexteditor .e-source-content .e-content h2 {
986
1009
  font-size: 1.74em;
987
- font-weight: 400;
1010
+ font-weight: normal;
988
1011
  margin: 10px 0;
989
1012
  }
990
1013
  .e-richtexteditor .e-rte-content .e-content h3,
991
1014
  .e-richtexteditor .e-source-content .e-content h3 {
992
1015
  font-size: 1.31em;
993
- font-weight: 400;
1016
+ font-weight: normal;
994
1017
  margin: 10px 0;
995
1018
  }
996
1019
  .e-richtexteditor .e-rte-content .e-content h4,
997
1020
  .e-richtexteditor .e-source-content .e-content h4 {
998
1021
  font-size: 16px;
999
- font-weight: 400;
1022
+ font-weight: normal;
1000
1023
  line-height: 1.5;
1001
1024
  margin: 0;
1002
1025
  }
1003
1026
  .e-richtexteditor .e-rte-content .e-content h5,
1004
1027
  .e-richtexteditor .e-source-content .e-content h5 {
1005
1028
  font-size: 0.8em;
1006
- font-weight: 400;
1029
+ font-weight: normal;
1007
1030
  margin: 0;
1008
1031
  }
1009
1032
  .e-richtexteditor .e-rte-content .e-content h6,
1010
1033
  .e-richtexteditor .e-source-content .e-content h6 {
1011
1034
  font-size: 0.65em;
1012
- font-weight: 400;
1035
+ font-weight: normal;
1013
1036
  margin: 0;
1014
1037
  }
1015
1038
  .e-richtexteditor .e-rte-content .e-content blockquote,
@@ -1037,7 +1060,7 @@
1037
1060
  .e-richtexteditor .e-rte-content .e-content b,
1038
1061
  .e-richtexteditor .e-source-content .e-content strong,
1039
1062
  .e-richtexteditor .e-source-content .e-content b {
1040
- font-weight: 700;
1063
+ font-weight: bold;
1041
1064
  }
1042
1065
  .e-richtexteditor .e-rte-content .e-content a,
1043
1066
  .e-richtexteditor .e-source-content .e-content a {
@@ -1205,37 +1228,37 @@
1205
1228
  font-weight: bold;
1206
1229
  }
1207
1230
  .e-rte-dropdown-popup ul .e-item.e-segoe-ui {
1208
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
1231
+ font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
1209
1232
  }
1210
1233
  .e-rte-dropdown-popup ul .e-item.e-arial {
1211
- font-family: Arial, Helvetica, sans-serif;
1234
+ font-family: "Arial", "Helvetica", sans-serif;
1212
1235
  }
1213
1236
  .e-rte-dropdown-popup ul .e-item.e-courier-new {
1214
- font-family: Courier New, Courier, monospace;
1237
+ font-family: "Courier New", "Courier", monospace;
1215
1238
  }
1216
1239
  .e-rte-dropdown-popup ul .e-item.e-georgia {
1217
- font-family: Georgia, "Times New Roman", Times, serif;
1240
+ font-family: "Georgia", "Times New Roman", "Times", serif;
1218
1241
  }
1219
1242
  .e-rte-dropdown-popup ul .e-item.e-helvetica-neue {
1220
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1243
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
1221
1244
  }
1222
1245
  .e-rte-dropdown-popup ul .e-item.e-impact {
1223
- font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
1246
+ font-family: "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
1224
1247
  }
1225
1248
  .e-rte-dropdown-popup ul .e-item.e-lucida-console {
1226
- font-family: Lucida Console, Monaco, monospace;
1249
+ font-family: "Lucida Console", "Monaco", monospace;
1227
1250
  }
1228
1251
  .e-rte-dropdown-popup ul .e-item.e-tahoma {
1229
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
1252
+ font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
1230
1253
  }
1231
1254
  .e-rte-dropdown-popup ul .e-item.e-times-new-roman {
1232
- font-family: "Times New Roman", Times, serif;
1255
+ font-family: "Times New Roman", "Times", serif;
1233
1256
  }
1234
1257
  .e-rte-dropdown-popup ul .e-item.e-trebuchet-ms {
1235
- font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
1258
+ font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
1236
1259
  }
1237
1260
  .e-rte-dropdown-popup ul .e-item.e-verdana {
1238
- font-family: Verdana, Geneva, Tahoma, sans-serif;
1261
+ font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
1239
1262
  }
1240
1263
  .e-rte-dropdown-popup ul .e-item.e-roboto {
1241
1264
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif;
@@ -1252,7 +1275,9 @@
1252
1275
  margin: 0 6px;
1253
1276
  }
1254
1277
 
1255
- .e-rte-image.e-imgbreak {
1278
+ .e-rte-image.e-imgbreak,
1279
+ .e-rte-audio.e-audio-break,
1280
+ .e-rte-video.e-video-break {
1256
1281
  border: 0;
1257
1282
  cursor: pointer;
1258
1283
  display: block;
@@ -1262,7 +1287,9 @@
1262
1287
  position: relative;
1263
1288
  }
1264
1289
 
1265
- .e-rte-image {
1290
+ .e-rte-image,
1291
+ .e-rte-audio,
1292
+ .e-rte-video {
1266
1293
  border: 0;
1267
1294
  cursor: pointer;
1268
1295
  display: block;
@@ -1272,7 +1299,9 @@
1272
1299
  position: relative;
1273
1300
  }
1274
1301
 
1275
- .e-rte-image.e-imginline {
1302
+ .e-rte-image.e-imginline,
1303
+ .e-rte-audio.e-audio-inline,
1304
+ .e-rte-video.e-video-inline {
1276
1305
  display: inline-block;
1277
1306
  float: none;
1278
1307
  max-width: calc(100% - 10px);
@@ -1280,7 +1309,8 @@
1280
1309
  vertical-align: bottom;
1281
1310
  }
1282
1311
 
1283
- .e-rte-image.e-imgcenter {
1312
+ .e-rte-image.e-imgcenter,
1313
+ .e-rte-video.e-video-center {
1284
1314
  cursor: pointer;
1285
1315
  display: block;
1286
1316
  float: none;
@@ -1289,14 +1319,16 @@
1289
1319
  position: relative;
1290
1320
  }
1291
1321
 
1292
- .e-rte-image.e-imgleft {
1322
+ .e-rte-image.e-imgleft,
1323
+ .e-rte-video.e-video-left {
1293
1324
  float: left;
1294
1325
  margin: 0 auto;
1295
1326
  margin-right: 5px;
1296
1327
  text-align: left;
1297
1328
  }
1298
1329
 
1299
- .e-rte-image.e-imgright {
1330
+ .e-rte-image.e-imgright,
1331
+ .e-rte-video.e-video-right {
1300
1332
  float: right;
1301
1333
  margin: 0 auto;
1302
1334
  margin-left: 5px;
@@ -1430,7 +1462,10 @@
1430
1462
  height: 1px;
1431
1463
  }
1432
1464
 
1433
- .e-richtexteditor .e-linkheader {
1465
+ .e-richtexteditor .e-linkheader,
1466
+ .e-richtexteditor .e-audioheader,
1467
+ .e-richtexteditor .e-videoheader,
1468
+ .e-richtexteditor .e-video-url-wrap {
1434
1469
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
1435
1470
  font-size: 15px;
1436
1471
  opacity: 0.87;
@@ -1438,31 +1473,49 @@
1438
1473
  padding-top: 14px;
1439
1474
  }
1440
1475
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1441
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1476
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1477
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1478
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1479
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1480
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1442
1481
  margin-top: 0;
1443
1482
  }
1444
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1483
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1484
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1485
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1445
1486
  margin-right: 30px;
1446
1487
  }
1447
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1488
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1489
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1490
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1448
1491
  border-bottom: 0 solid transparent;
1449
1492
  min-height: initial;
1450
1493
  }
1451
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1494
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1495
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1496
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1452
1497
  margin-left: 0;
1453
1498
  margin-right: 0;
1454
1499
  }
1455
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files {
1500
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1501
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1502
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1456
1503
  border-top: 0 solid transparent;
1457
1504
  }
1458
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap {
1505
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1506
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1507
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1459
1508
  display: none;
1460
1509
  }
1461
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload {
1510
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
1511
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
1512
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
1462
1513
  border: 0 solid transparent;
1463
1514
  float: none;
1464
1515
  }
1465
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn {
1516
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1517
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1518
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1466
1519
  display: block;
1467
1520
  height: 36px;
1468
1521
  margin: 0 auto;
@@ -1470,19 +1523,31 @@
1470
1523
  position: relative;
1471
1524
  top: -50px;
1472
1525
  }
1473
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
1526
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1527
+ .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1528
+ top: -120px;
1529
+ }
1530
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1531
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1532
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1474
1533
  display: none;
1475
1534
  }
1476
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea {
1535
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
1536
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
1537
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
1477
1538
  line-height: 10;
1478
1539
  min-height: 50px;
1479
1540
  position: relative;
1480
1541
  }
1481
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text {
1542
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1543
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1544
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1482
1545
  display: inline-block;
1483
1546
  line-height: normal;
1484
1547
  }
1485
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
1548
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1549
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1550
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1486
1551
  line-height: 4;
1487
1552
  }
1488
1553
  .e-richtexteditor .e-rte-inline-dropdown ul {
@@ -2339,7 +2404,7 @@
2339
2404
  overflow: hidden;
2340
2405
  }
2341
2406
 
2342
- .e-rte-dialog-minheight {
2407
+ .e-dialog.e-rte-dialog-minheight {
2343
2408
  min-height: 296px;
2344
2409
  }
2345
2410
 
@@ -2359,12 +2424,28 @@
2359
2424
  border-collapse: separate;
2360
2425
  }
2361
2426
 
2362
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
2427
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2428
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2429
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
2430
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2431
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2432
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
2433
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2434
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2435
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
2363
2436
  line-height: 10;
2364
2437
  min-height: 50px;
2365
2438
  position: relative;
2366
2439
  }
2367
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
2440
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2441
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2442
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
2443
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2444
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2445
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
2446
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2447
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2448
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
2368
2449
  display: block;
2369
2450
  height: 36px;
2370
2451
  margin: 0 auto;
@@ -2372,14 +2453,32 @@
2372
2453
  position: relative;
2373
2454
  top: -50px;
2374
2455
  }
2375
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload {
2456
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2457
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2458
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
2459
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2460
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2461
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
2462
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2463
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2464
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload {
2376
2465
  border: 0 solid transparent;
2377
2466
  float: none;
2378
2467
  }
2379
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap {
2468
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2469
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2470
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
2471
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2472
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2473
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
2474
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2475
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2476
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
2380
2477
  display: none;
2381
2478
  }
2382
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
2479
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
2480
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
2481
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
2383
2482
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2384
2483
  font-size: 15px;
2385
2484
  opacity: 0.87;
@@ -2536,7 +2635,9 @@
2536
2635
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2537
2636
  border: 0;
2538
2637
  }
2539
- .e-richtexteditor img.e-img-focus::selection {
2638
+ .e-richtexteditor img.e-img-focus::selection,
2639
+ .e-richtexteditor audio.e-audio-focus::selection,
2640
+ .e-richtexteditor .e-video-focus::selection {
2540
2641
  background: transparent;
2541
2642
  color: transparent;
2542
2643
  }
@@ -2551,7 +2652,9 @@
2551
2652
  border-left: solid 2px #212529;
2552
2653
  }
2553
2654
  .e-richtexteditor .e-rte-content .e-content .e-img-focus:not(.e-resize),
2554
- .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize) {
2655
+ .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
2656
+ .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
2657
+ .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
2555
2658
  border: solid 2px #007bff;
2556
2659
  }
2557
2660
  .e-richtexteditor .e-rte-content .e-content a,
@@ -2631,6 +2734,43 @@
2631
2734
  .e-richtexteditor.e-rte-tb-expand.e-rte-resize .e-source-content {
2632
2735
  border-bottom: 0;
2633
2736
  }
2737
+ .e-richtexteditor .e-audio-wrap,
2738
+ .e-richtexteditor .e-embed-video-wrap {
2739
+ display: inline-block;
2740
+ }
2741
+ .e-richtexteditor .e-clickelem,
2742
+ .e-richtexteditor .e-video-clickelem {
2743
+ display: block;
2744
+ margin: 0;
2745
+ outline: none;
2746
+ padding: 0;
2747
+ position: relative;
2748
+ }
2749
+ .e-richtexteditor .e-clickelem::after,
2750
+ .e-richtexteditor .e-video-clickelem::after {
2751
+ background: transparent;
2752
+ bottom: 0;
2753
+ content: "";
2754
+ cursor: default;
2755
+ display: block;
2756
+ left: 0;
2757
+ position: absolute;
2758
+ right: 0;
2759
+ top: 0;
2760
+ z-index: 1;
2761
+ }
2762
+ .e-richtexteditor .e-videoheader,
2763
+ .e-richtexteditor .e-embed-videoheader,
2764
+ .e-richtexteditor .e-video-url-wrap {
2765
+ padding-bottom: 5px;
2766
+ padding-top: 15px;
2767
+ }
2768
+ .e-richtexteditor .e-video-url-wrap .e-radio-wrapper {
2769
+ padding: 5px;
2770
+ }
2771
+ .e-richtexteditor .e-video-url-wrap textarea {
2772
+ height: 80px;
2773
+ }
2634
2774
 
2635
2775
  .e-rte-quick-popup {
2636
2776
  border: 1px solid rgba(0, 0, 0, 0.2);
@@ -2691,7 +2831,9 @@
2691
2831
  border-color: #545b62;
2692
2832
  }
2693
2833
 
2694
- .e-dialog .e-img-uploadwrap .e-droptext {
2834
+ .e-dialog .e-img-uploadwrap .e-droptext,
2835
+ .e-dialog .e-aud-uploadwrap .e-droptext,
2836
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2695
2837
  border: dashed 2px #adb5bd;
2696
2838
  border-radius: 4px;
2697
2839
  color: #212529;
@@ -2704,6 +2846,10 @@
2704
2846
  width: 300px;
2705
2847
  }
2706
2848
 
2849
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2850
+ height: 108px;
2851
+ }
2852
+
2707
2853
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2708
2854
  margin: 0 auto;
2709
2855
  width: 250px;
@@ -2725,7 +2871,8 @@
2725
2871
  z-index: 1000;
2726
2872
  }
2727
2873
 
2728
- span.e-rte-imageboxmark {
2874
+ span.e-rte-imageboxmark,
2875
+ span.e-rte-videoboxmark {
2729
2876
  background: #007bff;
2730
2877
  border: 1px solid #fff;
2731
2878
  display: block;
@@ -2735,7 +2882,8 @@ span.e-rte-imageboxmark {
2735
2882
  z-index: 1000;
2736
2883
  }
2737
2884
 
2738
- .e-mob-rte span.e-rte-imageboxmark {
2885
+ .e-mob-rte span.e-rte-imageboxmark,
2886
+ .e-mob-rte span.e-rte-videoboxmark {
2739
2887
  background: #fff;
2740
2888
  border: 1px solid #007bff;
2741
2889
  border-radius: 15px;
@@ -2743,12 +2891,14 @@ span.e-rte-imageboxmark {
2743
2891
  width: 20px;
2744
2892
  }
2745
2893
 
2746
- .e-mob-rte.e-mob-span span.e-rte-imageboxmark {
2894
+ .e-mob-rte.e-mob-span span.e-rte-imageboxmark,
2895
+ .e-mob-rte.e-mob-span span.e-rte-videoboxmark {
2747
2896
  background: #007bff;
2748
2897
  border: 1px solid #fff;
2749
2898
  }
2750
2899
 
2751
- .e-rte-content .e-content img.e-resize {
2900
+ .e-rte-content .e-content img.e-resize,
2901
+ .e-rte-content .e-content video.e-resize {
2752
2902
  z-index: 1000;
2753
2903
  }
2754
2904