@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
@@ -121,8 +121,20 @@
121
121
  .e-rte-dropdown-popup .e-image::before {
122
122
  content: "\e786";
123
123
  }
124
+ .e-rte-toolbar .e-audio::before,
125
+ .e-rte-dropdown-popup .e-audio::before {
126
+ content: "\e894";
127
+ }
128
+ .e-rte-toolbar .e-video::before,
129
+ .e-rte-dropdown-popup .e-video::before {
130
+ content: "\e895";
131
+ }
124
132
  .e-rte-toolbar .e-replace::before,
125
- .e-rte-dropdown-popup .e-replace::before {
133
+ .e-rte-toolbar .e-audio-replace::before,
134
+ .e-rte-toolbar .e-video-replace::before,
135
+ .e-rte-dropdown-popup .e-replace::before,
136
+ .e-rte-dropdown-popup .e-audio-replace::before,
137
+ .e-rte-dropdown-popup .e-video-replace::before {
126
138
  content: "\e710";
127
139
  }
128
140
  .e-rte-toolbar .e-align::before,
@@ -134,7 +146,11 @@
134
146
  content: "\e82e";
135
147
  }
136
148
  .e-rte-toolbar .e-remove::before,
137
- .e-rte-dropdown-popup .e-remove::before {
149
+ .e-rte-toolbar .e-audio-remove::before,
150
+ .e-rte-toolbar .e-video-remove::before,
151
+ .e-rte-dropdown-popup .e-remove::before,
152
+ .e-rte-dropdown-popup .e-audio-remove::before,
153
+ .e-rte-dropdown-popup .e-video-remove::before {
138
154
  content: "\e820";
139
155
  }
140
156
  .e-rte-toolbar .e-insert-link::before,
@@ -142,7 +158,11 @@
142
158
  content: "\e757";
143
159
  }
144
160
  .e-rte-toolbar .e-display::before,
145
- .e-rte-dropdown-popup .e-display::before {
161
+ .e-rte-toolbar .e-audio-display::before,
162
+ .e-rte-toolbar .e-video-display::before,
163
+ .e-rte-dropdown-popup .e-display::before,
164
+ .e-rte-dropdown-popup .e-audio-display::before,
165
+ .e-rte-dropdown-popup .e-video-display::before {
146
166
  content: "\e7b7";
147
167
  }
148
168
  .e-rte-toolbar .e-alt-text::before,
@@ -150,7 +170,9 @@
150
170
  content: "\e769";
151
171
  }
152
172
  .e-rte-toolbar .e-img-dimension::before,
153
- .e-rte-dropdown-popup .e-img-dimension::before {
173
+ .e-rte-toolbar .e-video-dimension::before,
174
+ .e-rte-dropdown-popup .e-img-dimension::before,
175
+ .e-rte-dropdown-popup .e-video-dimension::before {
154
176
  content: "\e879";
155
177
  }
156
178
  .e-rte-toolbar .e-maximize::before,
@@ -413,31 +435,31 @@
413
435
  }
414
436
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
415
437
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
416
- max-height: 283px !important;
438
+ max-height: 283px !important; /* stylelint-disable-line declaration-no-important */
417
439
  }
418
440
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
419
441
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
420
- max-height: 388px !important;
442
+ max-height: 388px !important; /* stylelint-disable-line declaration-no-important */
421
443
  }
422
444
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
423
445
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
424
- max-height: 378px !important;
446
+ max-height: 378px !important; /* stylelint-disable-line declaration-no-important */
425
447
  }
426
448
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
427
449
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
428
- min-height: 397px !important;
450
+ min-height: 397px !important; /* stylelint-disable-line declaration-no-important */
429
451
  }
430
452
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
431
453
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
432
- max-height: 211px !important;
454
+ max-height: 211px !important; /* stylelint-disable-line declaration-no-important */
433
455
  }
434
456
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
435
457
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
436
- max-height: 293px !important;
458
+ max-height: 293px !important; /* stylelint-disable-line declaration-no-important */
437
459
  }
438
460
  .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
439
461
  .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
440
- min-height: 397px !important;
462
+ min-height: 397px !important; /* stylelint-disable-line declaration-no-important */
441
463
  }
442
464
 
443
465
  .e-richtexteditor {
@@ -463,13 +485,13 @@
463
485
  }
464
486
  .e-richtexteditor.e-rte-full-screen {
465
487
  bottom: 0;
466
- height: 100% !important;
488
+ height: 100% !important; /* stylelint-disable-line declaration-no-important */
467
489
  left: 0;
468
490
  overflow: auto;
469
491
  position: fixed;
470
492
  right: 0;
471
493
  top: 0;
472
- width: 100% !important;
494
+ width: 100% !important; /* stylelint-disable-line declaration-no-important */
473
495
  z-index: 999;
474
496
  }
475
497
  .e-richtexteditor.e-rte-full-screen .e-resize-handle {
@@ -479,25 +501,25 @@
479
501
  height: calc(100% - 42px);
480
502
  }
481
503
  .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
482
- max-height: 232px !important;
504
+ max-height: 232px !important; /* stylelint-disable-line declaration-no-important */
483
505
  }
484
506
  .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
485
- max-height: 340px !important;
507
+ max-height: 340px !important; /* stylelint-disable-line declaration-no-important */
486
508
  }
487
509
  .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
488
- max-height: 331px !important;
510
+ max-height: 331px !important; /* stylelint-disable-line declaration-no-important */
489
511
  }
490
512
  .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
491
- max-height: 363px !important;
513
+ max-height: 363px !important; /* stylelint-disable-line declaration-no-important */
492
514
  }
493
515
  .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
494
- max-height: 173px !important;
516
+ max-height: 173px !important; /* stylelint-disable-line declaration-no-important */
495
517
  }
496
518
  .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
497
- max-height: 236px !important;
519
+ max-height: 236px !important; /* stylelint-disable-line declaration-no-important */
498
520
  }
499
521
  .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
500
- max-height: 363px !important;
522
+ max-height: 363px !important; /* stylelint-disable-line declaration-no-important */
501
523
  }
502
524
  .e-richtexteditor.e-rtl .e-rte-character-count {
503
525
  left: 0;
@@ -700,6 +722,7 @@
700
722
  }
701
723
  .e-richtexteditor .e-rte-content,
702
724
  .e-richtexteditor .e-source-content {
725
+ /* stylelint-disable property-no-vendor-prefix */
703
726
  -webkit-overflow-scrolling: touch;
704
727
  overflow: auto;
705
728
  transition: 100ms ease-out;
@@ -736,39 +759,39 @@
736
759
  .e-richtexteditor .e-rte-content .e-content h1,
737
760
  .e-richtexteditor .e-source-content .e-content h1 {
738
761
  font-size: 2.17em;
739
- font-weight: 400;
762
+ font-weight: normal;
740
763
  line-height: 1;
741
764
  margin: 10px 0;
742
765
  }
743
766
  .e-richtexteditor .e-rte-content .e-content h2,
744
767
  .e-richtexteditor .e-source-content .e-content h2 {
745
768
  font-size: 1.74em;
746
- font-weight: 400;
769
+ font-weight: normal;
747
770
  margin: 10px 0;
748
771
  }
749
772
  .e-richtexteditor .e-rte-content .e-content h3,
750
773
  .e-richtexteditor .e-source-content .e-content h3 {
751
774
  font-size: 1.31em;
752
- font-weight: 400;
775
+ font-weight: normal;
753
776
  margin: 10px 0;
754
777
  }
755
778
  .e-richtexteditor .e-rte-content .e-content h4,
756
779
  .e-richtexteditor .e-source-content .e-content h4 {
757
780
  font-size: 16px;
758
- font-weight: 400;
781
+ font-weight: normal;
759
782
  line-height: 1.5;
760
783
  margin: 0;
761
784
  }
762
785
  .e-richtexteditor .e-rte-content .e-content h5,
763
786
  .e-richtexteditor .e-source-content .e-content h5 {
764
787
  font-size: 0.8em;
765
- font-weight: 400;
788
+ font-weight: normal;
766
789
  margin: 0;
767
790
  }
768
791
  .e-richtexteditor .e-rte-content .e-content h6,
769
792
  .e-richtexteditor .e-source-content .e-content h6 {
770
793
  font-size: 0.65em;
771
- font-weight: 400;
794
+ font-weight: normal;
772
795
  margin: 0;
773
796
  }
774
797
  .e-richtexteditor .e-rte-content .e-content blockquote,
@@ -796,7 +819,7 @@
796
819
  .e-richtexteditor .e-rte-content .e-content b,
797
820
  .e-richtexteditor .e-source-content .e-content strong,
798
821
  .e-richtexteditor .e-source-content .e-content b {
799
- font-weight: 700;
822
+ font-weight: bold;
800
823
  }
801
824
  .e-richtexteditor .e-rte-content .e-content a,
802
825
  .e-richtexteditor .e-source-content .e-content a {
@@ -964,37 +987,37 @@
964
987
  font-weight: bold;
965
988
  }
966
989
  .e-rte-dropdown-popup ul .e-item.e-segoe-ui {
967
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
990
+ font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
968
991
  }
969
992
  .e-rte-dropdown-popup ul .e-item.e-arial {
970
- font-family: Arial, Helvetica, sans-serif;
993
+ font-family: "Arial", "Helvetica", sans-serif;
971
994
  }
972
995
  .e-rte-dropdown-popup ul .e-item.e-courier-new {
973
- font-family: Courier New, Courier, monospace;
996
+ font-family: "Courier New", "Courier", monospace;
974
997
  }
975
998
  .e-rte-dropdown-popup ul .e-item.e-georgia {
976
- font-family: Georgia, "Times New Roman", Times, serif;
999
+ font-family: "Georgia", "Times New Roman", "Times", serif;
977
1000
  }
978
1001
  .e-rte-dropdown-popup ul .e-item.e-helvetica-neue {
979
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1002
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
980
1003
  }
981
1004
  .e-rte-dropdown-popup ul .e-item.e-impact {
982
- font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
1005
+ font-family: "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
983
1006
  }
984
1007
  .e-rte-dropdown-popup ul .e-item.e-lucida-console {
985
- font-family: Lucida Console, Monaco, monospace;
1008
+ font-family: "Lucida Console", "Monaco", monospace;
986
1009
  }
987
1010
  .e-rte-dropdown-popup ul .e-item.e-tahoma {
988
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
1011
+ font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
989
1012
  }
990
1013
  .e-rte-dropdown-popup ul .e-item.e-times-new-roman {
991
- font-family: "Times New Roman", Times, serif;
1014
+ font-family: "Times New Roman", "Times", serif;
992
1015
  }
993
1016
  .e-rte-dropdown-popup ul .e-item.e-trebuchet-ms {
994
- font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
1017
+ font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
995
1018
  }
996
1019
  .e-rte-dropdown-popup ul .e-item.e-verdana {
997
- font-family: Verdana, Geneva, Tahoma, sans-serif;
1020
+ font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
998
1021
  }
999
1022
  .e-rte-dropdown-popup ul .e-item.e-roboto {
1000
1023
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif;
@@ -1011,7 +1034,9 @@
1011
1034
  margin: 0 6px;
1012
1035
  }
1013
1036
 
1014
- .e-rte-image.e-imgbreak {
1037
+ .e-rte-image.e-imgbreak,
1038
+ .e-rte-audio.e-audio-break,
1039
+ .e-rte-video.e-video-break {
1015
1040
  border: 0;
1016
1041
  cursor: pointer;
1017
1042
  display: block;
@@ -1021,7 +1046,9 @@
1021
1046
  position: relative;
1022
1047
  }
1023
1048
 
1024
- .e-rte-image {
1049
+ .e-rte-image,
1050
+ .e-rte-audio,
1051
+ .e-rte-video {
1025
1052
  border: 0;
1026
1053
  cursor: pointer;
1027
1054
  display: block;
@@ -1031,7 +1058,9 @@
1031
1058
  position: relative;
1032
1059
  }
1033
1060
 
1034
- .e-rte-image.e-imginline {
1061
+ .e-rte-image.e-imginline,
1062
+ .e-rte-audio.e-audio-inline,
1063
+ .e-rte-video.e-video-inline {
1035
1064
  display: inline-block;
1036
1065
  float: none;
1037
1066
  max-width: calc(100% - 10px);
@@ -1039,7 +1068,8 @@
1039
1068
  vertical-align: bottom;
1040
1069
  }
1041
1070
 
1042
- .e-rte-image.e-imgcenter {
1071
+ .e-rte-image.e-imgcenter,
1072
+ .e-rte-video.e-video-center {
1043
1073
  cursor: pointer;
1044
1074
  display: block;
1045
1075
  float: none;
@@ -1048,14 +1078,16 @@
1048
1078
  position: relative;
1049
1079
  }
1050
1080
 
1051
- .e-rte-image.e-imgleft {
1081
+ .e-rte-image.e-imgleft,
1082
+ .e-rte-video.e-video-left {
1052
1083
  float: left;
1053
1084
  margin: 0 auto;
1054
1085
  margin-right: 5px;
1055
1086
  text-align: left;
1056
1087
  }
1057
1088
 
1058
- .e-rte-image.e-imgright {
1089
+ .e-rte-image.e-imgright,
1090
+ .e-rte-video.e-video-right {
1059
1091
  float: right;
1060
1092
  margin: 0 auto;
1061
1093
  margin-left: 5px;
@@ -1189,7 +1221,10 @@
1189
1221
  height: 1px;
1190
1222
  }
1191
1223
 
1192
- .e-richtexteditor .e-linkheader {
1224
+ .e-richtexteditor .e-linkheader,
1225
+ .e-richtexteditor .e-audioheader,
1226
+ .e-richtexteditor .e-videoheader,
1227
+ .e-richtexteditor .e-video-url-wrap {
1193
1228
  font-family: "Inter";
1194
1229
  font-size: 15px;
1195
1230
  opacity: 0.87;
@@ -1197,31 +1232,49 @@
1197
1232
  padding-top: 12px;
1198
1233
  }
1199
1234
  .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1200
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1235
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1236
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1237
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1238
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
1239
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1201
1240
  margin-top: 0;
1202
1241
  }
1203
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1242
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1243
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
1244
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
1204
1245
  margin-right: 30px;
1205
1246
  }
1206
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1247
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1248
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
1249
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
1207
1250
  border-bottom: 0 solid transparent;
1208
1251
  min-height: initial;
1209
1252
  }
1210
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1253
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1254
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
1255
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
1211
1256
  margin-left: 0;
1212
1257
  margin-right: 0;
1213
1258
  }
1214
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files {
1259
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
1260
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
1261
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
1215
1262
  border-top: 0 solid transparent;
1216
1263
  }
1217
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap {
1264
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
1265
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
1266
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
1218
1267
  display: none;
1219
1268
  }
1220
- .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload {
1269
+ .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
1270
+ .e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
1271
+ .e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
1221
1272
  border: 0 solid transparent;
1222
1273
  float: none;
1223
1274
  }
1224
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn {
1275
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
1276
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
1277
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
1225
1278
  display: block;
1226
1279
  height: 36px;
1227
1280
  margin: 0 auto;
@@ -1229,19 +1282,31 @@
1229
1282
  position: relative;
1230
1283
  top: -50px;
1231
1284
  }
1232
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
1285
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1286
+ .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1287
+ top: -120px;
1288
+ }
1289
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1290
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
1291
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1233
1292
  display: none;
1234
1293
  }
1235
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea {
1294
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
1295
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
1296
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
1236
1297
  line-height: 10;
1237
1298
  min-height: 50px;
1238
1299
  position: relative;
1239
1300
  }
1240
- .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text {
1301
+ .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
1302
+ .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
1303
+ .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
1241
1304
  display: inline-block;
1242
1305
  line-height: normal;
1243
1306
  }
1244
- .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
1307
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
1308
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
1309
+ .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
1245
1310
  line-height: 4;
1246
1311
  }
1247
1312
  .e-richtexteditor .e-rte-inline-dropdown ul {
@@ -2098,7 +2163,7 @@
2098
2163
  overflow: hidden;
2099
2164
  }
2100
2165
 
2101
- .e-rte-dialog-minheight {
2166
+ .e-dialog.e-rte-dialog-minheight {
2102
2167
  min-height: 296px;
2103
2168
  }
2104
2169
 
@@ -2118,12 +2183,28 @@
2118
2183
  border-collapse: separate;
2119
2184
  }
2120
2185
 
2121
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
2186
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2187
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2188
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
2189
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2190
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2191
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
2192
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
2193
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
2194
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
2122
2195
  line-height: 10;
2123
2196
  min-height: 50px;
2124
2197
  position: relative;
2125
2198
  }
2126
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
2199
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2200
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2201
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
2202
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2203
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2204
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
2205
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
2206
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
2207
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
2127
2208
  display: block;
2128
2209
  height: 36px;
2129
2210
  margin: 0 auto;
@@ -2131,14 +2212,32 @@
2131
2212
  position: relative;
2132
2213
  top: -50px;
2133
2214
  }
2134
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload {
2215
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2216
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2217
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
2218
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2219
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2220
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
2221
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
2222
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
2223
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload {
2135
2224
  border: 0 solid transparent;
2136
2225
  float: none;
2137
2226
  }
2138
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap {
2227
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2228
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2229
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
2230
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2231
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2232
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
2233
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
2234
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
2235
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
2139
2236
  display: none;
2140
2237
  }
2141
- .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
2238
+ .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
2239
+ .e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
2240
+ .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
2142
2241
  font-family: "Inter";
2143
2242
  font-size: 15px;
2144
2243
  opacity: 0.87;
@@ -2319,7 +2418,9 @@
2319
2418
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2320
2419
  border: 0;
2321
2420
  }
2322
- .e-richtexteditor img.e-img-focus::selection {
2421
+ .e-richtexteditor img.e-img-focus::selection,
2422
+ .e-richtexteditor audio.e-audio-focus::selection,
2423
+ .e-richtexteditor .e-video-focus::selection {
2323
2424
  background: transparent;
2324
2425
  color: transparent;
2325
2426
  }
@@ -2334,7 +2435,9 @@
2334
2435
  border-left: solid 2px #111827;
2335
2436
  }
2336
2437
  .e-richtexteditor .e-rte-content .e-content .e-img-focus:not(.e-resize),
2337
- .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize) {
2438
+ .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
2439
+ .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
2440
+ .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
2338
2441
  border: solid 2px #4a90e2;
2339
2442
  }
2340
2443
  .e-richtexteditor .e-rte-content .e-content a,
@@ -2414,6 +2517,43 @@
2414
2517
  .e-richtexteditor.e-rte-tb-expand.e-rte-resize .e-source-content {
2415
2518
  border-bottom: 0;
2416
2519
  }
2520
+ .e-richtexteditor .e-audio-wrap,
2521
+ .e-richtexteditor .e-embed-video-wrap {
2522
+ display: inline-block;
2523
+ }
2524
+ .e-richtexteditor .e-clickelem,
2525
+ .e-richtexteditor .e-video-clickelem {
2526
+ display: block;
2527
+ margin: 0;
2528
+ outline: none;
2529
+ padding: 0;
2530
+ position: relative;
2531
+ }
2532
+ .e-richtexteditor .e-clickelem::after,
2533
+ .e-richtexteditor .e-video-clickelem::after {
2534
+ background: transparent;
2535
+ bottom: 0;
2536
+ content: "";
2537
+ cursor: default;
2538
+ display: block;
2539
+ left: 0;
2540
+ position: absolute;
2541
+ right: 0;
2542
+ top: 0;
2543
+ z-index: 1;
2544
+ }
2545
+ .e-richtexteditor .e-videoheader,
2546
+ .e-richtexteditor .e-embed-videoheader,
2547
+ .e-richtexteditor .e-video-url-wrap {
2548
+ padding-bottom: 5px;
2549
+ padding-top: 15px;
2550
+ }
2551
+ .e-richtexteditor .e-video-url-wrap .e-radio-wrapper {
2552
+ padding: 5px;
2553
+ }
2554
+ .e-richtexteditor .e-video-url-wrap textarea {
2555
+ height: 80px;
2556
+ }
2417
2557
 
2418
2558
  .e-rte-quick-popup {
2419
2559
  border: none;
@@ -2474,7 +2614,9 @@
2474
2614
  border-color: #f3f4f6;
2475
2615
  }
2476
2616
 
2477
- .e-dialog .e-img-uploadwrap .e-droptext {
2617
+ .e-dialog .e-img-uploadwrap .e-droptext,
2618
+ .e-dialog .e-aud-uploadwrap .e-droptext,
2619
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2478
2620
  border: dashed 2px #9ca3af;
2479
2621
  border-radius: 4px;
2480
2622
  color: #6b7280;
@@ -2487,6 +2629,10 @@
2487
2629
  width: 300px;
2488
2630
  }
2489
2631
 
2632
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2633
+ height: 108px;
2634
+ }
2635
+
2490
2636
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
2491
2637
  margin: 0 auto;
2492
2638
  width: 250px;
@@ -2508,7 +2654,8 @@
2508
2654
  z-index: 1000;
2509
2655
  }
2510
2656
 
2511
- span.e-rte-imageboxmark {
2657
+ span.e-rte-imageboxmark,
2658
+ span.e-rte-videoboxmark {
2512
2659
  background: #4f46e5;
2513
2660
  border: 1px solid #fff;
2514
2661
  display: block;
@@ -2518,7 +2665,8 @@ span.e-rte-imageboxmark {
2518
2665
  z-index: 1000;
2519
2666
  }
2520
2667
 
2521
- .e-mob-rte span.e-rte-imageboxmark {
2668
+ .e-mob-rte span.e-rte-imageboxmark,
2669
+ .e-mob-rte span.e-rte-videoboxmark {
2522
2670
  background: #fff;
2523
2671
  border: 1px solid #4f46e5;
2524
2672
  border-radius: 15px;
@@ -2526,12 +2674,14 @@ span.e-rte-imageboxmark {
2526
2674
  width: 20px;
2527
2675
  }
2528
2676
 
2529
- .e-mob-rte.e-mob-span span.e-rte-imageboxmark {
2677
+ .e-mob-rte.e-mob-span span.e-rte-imageboxmark,
2678
+ .e-mob-rte.e-mob-span span.e-rte-videoboxmark {
2530
2679
  background: #4f46e5;
2531
2680
  border: 1px solid #fff;
2532
2681
  }
2533
2682
 
2534
- .e-rte-content .e-content img.e-resize {
2683
+ .e-rte-content .e-content img.e-resize,
2684
+ .e-rte-content .e-content video.e-resize {
2535
2685
  z-index: 1000;
2536
2686
  }
2537
2687