jodit 3.8.2 → 3.8.3

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 (48) hide show
  1. package/.idea/workspace.xml +153 -155
  2. package/CHANGELOG.MD +36 -9
  3. package/app.css +2 -1
  4. package/build/jodit.css +73 -73
  5. package/build/jodit.es2018.css +56 -56
  6. package/build/jodit.es2018.en.css +56 -56
  7. package/build/jodit.es2018.en.js +172 -84
  8. package/build/jodit.es2018.en.min.css +1 -1
  9. package/build/jodit.es2018.en.min.js +2 -2
  10. package/build/jodit.es2018.js +172 -84
  11. package/build/jodit.es2018.min.css +1 -1
  12. package/build/jodit.es2018.min.js +2 -2
  13. package/build/jodit.js +835 -742
  14. package/build/jodit.min.css +2 -2
  15. package/build/jodit.min.js +2 -2
  16. package/package.json +7 -7
  17. package/src/config.ts +4 -4
  18. package/src/core/create.ts +15 -15
  19. package/src/core/helpers/css.ts +3 -5
  20. package/src/core/helpers/html/strip-tags.ts +36 -4
  21. package/src/core/helpers/selector.ts +6 -8
  22. package/src/core/helpers/size/get-scroll-parent.ts +28 -0
  23. package/src/core/helpers/size/index.ts +1 -0
  24. package/src/core/selection/select.ts +35 -45
  25. package/src/core/ui/button/button/button.less +4 -1
  26. package/src/core/ui/button/button/button.ts +6 -8
  27. package/src/core/ui/popup/popup.less +4 -4
  28. package/src/core/ui/popup/popup.ts +17 -7
  29. package/src/core/view/view-with-toolbar.less +3 -2
  30. package/src/jodit.ts +6 -3
  31. package/src/modules/dialog/dialog.ts +1 -2
  32. package/src/modules/file-browser/builders/context-menu.ts +1 -1
  33. package/src/modules/file-browser/listeners/state-listeners.ts +2 -1
  34. package/src/modules/file-browser/styles/preview.less +17 -14
  35. package/src/modules/widget/color-picker/color-picker.less +12 -11
  36. package/src/modules/widget/color-picker/color-picker.ts +20 -30
  37. package/src/plugins/clipboard/paste-storage/paste-storage.ts +9 -20
  38. package/src/plugins/fix/clean-html.ts +36 -3
  39. package/src/plugins/iframe.ts +12 -2
  40. package/src/plugins/link/link.ts +14 -2
  41. package/src/plugins/resizer/resizer.ts +22 -4
  42. package/src/plugins/size/resize-handler.ts +1 -1
  43. package/src/plugins/size/size.less +10 -7
  44. package/src/plugins/symbols/symbols.less +12 -7
  45. package/src/plugins/symbols/symbols.ts +9 -6
  46. package/src/plugins/xpath/xpath.ts +1 -1
  47. package/src/styles/jodit.less +1 -1
  48. package/src/types/ui.d.ts +9 -1
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
3
3
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
4
- * Version: v3.8.2
4
+ * Version: v3.8.3
5
5
  * Url: https://xdsoft.net/jodit/
6
6
  * License(s): MIT
7
7
  */
@@ -615,7 +615,6 @@ svg.jodit-icon {
615
615
  }
616
616
  .jodit-container:not(.jodit_inline) {
617
617
  border: 1px solid var(--jd-color-border);
618
- background-color: var(--jd-color-background-default);
619
618
  border-radius: var(--jd-border-radius-default);
620
619
  }
621
620
  .jodit-container:not(.jodit_inline) .jodit-workplace {
@@ -949,7 +948,7 @@ svg.jodit-icon {
949
948
  padding: 0 var(--jd-padding-default);
950
949
  }
951
950
  .jodit-ui-button-statuses_status_default {
952
- background-color: #d8d8d8;
951
+ background-color: #e3e3e3;
953
952
  color: #212529;
954
953
  }
955
954
  .jodit-ui-button-statuses_status_default svg {
@@ -1265,7 +1264,7 @@ svg.jodit-icon {
1265
1264
  outline: 1px dashed var(--jd-color-background-selection);
1266
1265
  }
1267
1266
  .jodit-ui-button_status_default {
1268
- background-color: #d8d8d8;
1267
+ background-color: #e3e3e3;
1269
1268
  color: #212529;
1270
1269
  }
1271
1270
  .jodit-ui-button_status_default svg {
@@ -1532,19 +1531,19 @@ svg.jodit-icon {
1532
1531
  float: none;
1533
1532
  outline: 0;
1534
1533
  position: fixed;
1535
- display: inline-block;
1536
1534
  z-index: var(--jd-z-index-popup);
1537
- transform: translate3d(0, 0, 0);
1535
+ display: inline-block;
1538
1536
  box-shadow: var(--jd-box-shadow);
1537
+ transform: translate3d(0, 0, 0);
1539
1538
  }
1540
1539
  .jodit-popup__content {
1541
1540
  font-family: var(--jd-font-default);
1542
1541
  font-size: var(--jd-font-size-default);
1542
+ overflow: auto;
1543
+ max-height: 300px;
1543
1544
  padding: var(--jd-padding-default);
1544
1545
  background: var(--jd-color-background-default);
1545
1546
  overflow-scrolling: touch;
1546
- overflow: auto;
1547
- max-height: 300px;
1548
1547
  }
1549
1548
  .jodit-popup_padding_false .jodit-popup__content {
1550
1549
  padding: 0;
@@ -2021,20 +2020,20 @@ svg.jodit-icon {
2021
2020
  float: none;
2022
2021
  outline: 0;
2023
2022
  position: fixed;
2024
- display: inline-block;
2025
2023
  z-index: var(--jd-z-index-popup);
2026
- transform: translate3d(0, 0, 0);
2024
+ display: inline-block;
2027
2025
  box-shadow: var(--jd-box-shadow);
2026
+ transform: translate3d(0, 0, 0);
2028
2027
  z-index: var(--jd-z-index-context-menu);
2029
2028
  }
2030
2029
  .jodit-context-menu__content {
2031
2030
  font-family: var(--jd-font-default);
2032
2031
  font-size: var(--jd-font-size-default);
2032
+ overflow: auto;
2033
+ max-height: 300px;
2033
2034
  padding: var(--jd-padding-default);
2034
2035
  background: var(--jd-color-background-default);
2035
2036
  overflow-scrolling: touch;
2036
- overflow: auto;
2037
- max-height: 300px;
2038
2037
  }
2039
2038
  .jodit-context-menu_padding_false .jodit-context-menu__content {
2040
2039
  padding: 0;
@@ -2336,10 +2335,10 @@ svg.jodit-icon {
2336
2335
  */
2337
2336
  .jodit-toolbar__box:not(:empty) {
2338
2337
  --jd-color-background-default: var(--jd-color-panel);
2339
- background-color: var(--jd-color-panel);
2340
2338
  overflow: hidden;
2341
- border-radius: var(--jd-border-radius-default) var(--jd-border-radius-default) 0 0;
2342
2339
  border-bottom: 1px solid var(--jd-color-border);
2340
+ background-color: var(--jd-color-panel);
2341
+ border-radius: var(--jd-border-radius-default) var(--jd-border-radius-default) 0 0;
2343
2342
  }
2344
2343
 
2345
2344
  /*!
@@ -2847,7 +2846,7 @@ svg.jodit-icon {
2847
2846
  outline: 1px dashed var(--jd-color-background-selection);
2848
2847
  }
2849
2848
  .jodit-toolbar-content_status_default {
2850
- background-color: #d8d8d8;
2849
+ background-color: #e3e3e3;
2851
2850
  color: #212529;
2852
2851
  }
2853
2852
  .jodit-toolbar-content_status_default svg {
@@ -3340,49 +3339,49 @@ svg.jodit-icon {
3340
3339
  * Copyright (c) 2013-2021 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
3341
3340
  */
3342
3341
  .jodit-filebrowser_preview {
3343
- text-align: center;
3342
+ position: relative;
3343
+ display: flex;
3344
3344
  min-width: 600px;
3345
3345
  max-width: 1000px;
3346
3346
  min-height: 700px;
3347
3347
  max-height: 100%;
3348
- position: relative;
3349
- display: flex;
3350
- justify-content: center;
3351
3348
  align-items: center;
3349
+ justify-content: center;
3350
+ text-align: center;
3352
3351
  }
3353
3352
  @media (max-width: 768px) {
3354
3353
  .jodit-filebrowser_preview {
3355
- max-width: 100%;
3356
- max-height: 100%;
3357
3354
  min-width: auto;
3358
- min-height: auto;
3355
+ max-width: 100%;
3359
3356
  height: 100%;
3357
+ min-height: auto;
3358
+ max-height: 100%;
3360
3359
  }
3361
3360
  }
3362
3361
  .jodit-filebrowser_preview_box {
3363
- flex-grow: 1;
3364
3362
  display: flex;
3365
- justify-content: center;
3363
+ flex-grow: 1;
3366
3364
  align-items: center;
3365
+ justify-content: center;
3367
3366
  }
3368
3367
  .jodit-filebrowser_preview_navigation {
3369
3368
  position: absolute;
3370
3369
  top: 0;
3371
- height: 100%;
3372
3370
  left: 0;
3371
+ height: 100%;
3373
3372
  }
3374
3373
  .jodit-filebrowser_preview_navigation-next {
3375
- left: auto;
3376
3374
  right: 0;
3375
+ left: auto;
3377
3376
  }
3378
3377
  .jodit-filebrowser_preview_navigation svg {
3379
- width: 45px;
3380
- height: 45px;
3381
3378
  position: relative;
3382
3379
  top: 50%;
3380
+ width: 45px;
3381
+ height: 45px;
3383
3382
  margin-top: -22px;
3384
- transition: fill 0.3s linear;
3385
3383
  fill: #9e9ba7;
3384
+ transition: fill 0.3s linear;
3386
3385
  }
3387
3386
  .jodit-filebrowser_preview_navigation:hover svg {
3388
3387
  fill: #000;
@@ -3806,37 +3805,37 @@ svg.jodit-icon {
3806
3805
  .jodit-color-picker {
3807
3806
  --jd-color-cell-size: 24px;
3808
3807
  --jd-color-cell-icon-size: 12px;
3809
- text-align: left;
3810
3808
  margin: 0;
3809
+ text-align: left;
3811
3810
  user-select: none;
3812
3811
  }
3813
- .jodit-color-picker .jodit-color-picker__group {
3814
- margin-bottom: calc(var(--jd-padding-default) / 2);
3815
- white-space: normal;
3816
- max-width: calc(var(--jd-color-cell-size) * 10);
3812
+ .jodit-color-picker__group {
3817
3813
  display: flex;
3814
+ max-width: calc(var(--jd-color-cell-size) * 10);
3818
3815
  flex-wrap: wrap;
3816
+ margin-bottom: calc(var(--jd-padding-default) / 2);
3817
+ white-space: normal;
3819
3818
  }
3820
- .jodit-color-picker a {
3819
+ .jodit-color-picker__color-item {
3820
+ display: block;
3821
3821
  width: var(--jd-color-cell-size);
3822
3822
  height: var(--jd-color-cell-size);
3823
- display: block;
3823
+ border: 1px solid transparent;
3824
+ text-align: center;
3824
3825
  text-decoration: none;
3825
3826
  vertical-align: middle;
3826
- text-align: center;
3827
- border: 1px solid transparent;
3828
3827
  }
3829
- .jodit-color-picker a:hover {
3828
+ .jodit-color-picker__color-item:hover {
3830
3829
  border-color: #000;
3831
3830
  }
3832
- .jodit-color-picker a.jodit_active,
3833
- .jodit-color-picker a:active {
3831
+ .jodit-color-picker__color-item_active_true,
3832
+ .jodit-color-picker__color-item:active {
3834
3833
  border: 2px solid var(--jd-color-border-selected);
3835
3834
  }
3836
3835
  .jodit-color-picker__native svg {
3836
+ display: inline-block;
3837
3837
  width: 16px;
3838
3838
  height: 16px;
3839
- display: inline-block;
3840
3839
  margin-right: 4px;
3841
3840
  }
3842
3841
  .jodit-color-picker__native input {
@@ -4290,26 +4289,26 @@ html.jodit_fullsize-box_true {
4290
4289
  }
4291
4290
  .jodit-container:not(.jodit_inline) .jodit-workplace {
4292
4291
  display: flex;
4293
- flex-direction: column;
4292
+ overflow: hidden;
4294
4293
  height: auto;
4295
4294
  min-height: 50px;
4296
- overflow: hidden;
4295
+ flex-direction: column;
4297
4296
  }
4298
4297
  .jodit-container:not(.jodit_inline) .jodit-editor__resize {
4299
4298
  position: relative;
4300
4299
  }
4301
- .jodit-container:not(.jodit_inline) .jodit-editor__resize a {
4300
+ .jodit-container:not(.jodit_inline) .jodit-editor__resize span {
4302
4301
  position: absolute;
4303
- bottom: 0;
4304
4302
  right: 0;
4305
- user-select: none;
4303
+ bottom: 0;
4304
+ overflow: hidden;
4306
4305
  width: 0;
4307
4306
  height: 0;
4308
- overflow: hidden;
4309
4307
  border-width: 7px 7px 0 0;
4310
- border-color: rgba(0, 0, 0, 0) var(--jd-color-border) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
4311
4308
  border-style: dashed solid dashed dashed;
4309
+ border-color: rgba(0, 0, 0, 0) var(--jd-color-border) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
4312
4310
  cursor: se-resize;
4311
+ user-select: none;
4313
4312
  }
4314
4313
 
4315
4314
  /*!
@@ -4414,10 +4413,10 @@ html.jodit_fullsize-box_true {
4414
4413
  width: 12%;
4415
4414
  }
4416
4415
  .jodit-symbols .jodit-symbols__container_preview .jodit-symbols__preview {
4417
- font-size: 34px;
4418
- text-align: center;
4419
4416
  padding: 20px 0;
4420
4417
  border: 1px solid var(--jd-color-border);
4418
+ font-size: 34px;
4419
+ text-align: center;
4421
4420
  }
4422
4421
  .jodit-symbols table {
4423
4422
  border: 0;
@@ -4428,16 +4427,17 @@ html.jodit_fullsize-box_true {
4428
4427
  padding: 0;
4429
4428
  }
4430
4429
  .jodit-symbols table td a {
4431
- font-size: 16px;
4432
- text-decoration: none;
4433
- color: var(--jd-color-default);
4434
4430
  display: inline-block;
4435
- box-sizing: border-box;
4436
4431
  width: calc(var(--jd-width_element_default) * 1.2);
4437
4432
  height: calc(var(--jd-height_element_default) * 1.2);
4433
+ box-sizing: border-box;
4438
4434
  border: 1px solid transparent;
4439
- text-align: center;
4435
+ color: var(--jd-color-default);
4436
+ cursor: pointer;
4437
+ font-size: 16px;
4440
4438
  line-height: calc(var(--jd-height_element_default) * 1.2);
4439
+ text-align: center;
4440
+ text-decoration: none;
4441
4441
  vertical-align: top;
4442
4442
  }
4443
4443
  .jodit-symbols table td a:hover,