@syncfusion/ej2-richtexteditor 20.1.61 → 20.2.39

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 (93) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-richtexteditor.es2015.js +468 -191
  5. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-richtexteditor.es5.js +460 -181
  7. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  8. package/dist/global/ej2-richtexteditor.min.js +2 -2
  9. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/helpers/e2e/index.js +8 -6
  12. package/helpers/e2e/rte-helper.js +80 -64
  13. package/package.json +12 -12
  14. package/src/common/util.js +7 -8
  15. package/src/editor-manager/plugin/inserthtml.d.ts +1 -0
  16. package/src/editor-manager/plugin/inserthtml.js +25 -3
  17. package/src/editor-manager/plugin/lists.js +14 -4
  18. package/src/markdown-parser/base/constant.d.ts +6 -0
  19. package/src/markdown-parser/base/constant.js +6 -0
  20. package/src/markdown-parser/base/markdown-parser.d.ts +2 -0
  21. package/src/markdown-parser/base/markdown-parser.js +6 -0
  22. package/src/markdown-parser/base/types.d.ts +1 -1
  23. package/src/markdown-parser/plugin/insert-text.d.ts +22 -0
  24. package/src/markdown-parser/plugin/insert-text.js +51 -0
  25. package/src/rich-text-editor/actions/color-picker.js +20 -4
  26. package/src/rich-text-editor/actions/full-screen.js +4 -2
  27. package/src/rich-text-editor/actions/resize.js +4 -3
  28. package/src/rich-text-editor/actions/toolbar.js +4 -2
  29. package/src/rich-text-editor/base/classes.d.ts +5 -0
  30. package/src/rich-text-editor/base/classes.js +5 -0
  31. package/src/rich-text-editor/base/constant.d.ts +46 -1
  32. package/src/rich-text-editor/base/constant.js +46 -1
  33. package/src/rich-text-editor/base/interface.d.ts +2 -0
  34. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -0
  35. package/src/rich-text-editor/base/rich-text-editor.js +34 -27
  36. package/src/rich-text-editor/base/util.js +10 -6
  37. package/src/rich-text-editor/formatter/formatter.js +1 -1
  38. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  39. package/src/rich-text-editor/renderer/image-module.d.ts +1 -0
  40. package/src/rich-text-editor/renderer/image-module.js +58 -44
  41. package/src/rich-text-editor/renderer/link-module.js +16 -14
  42. package/src/rich-text-editor/renderer/markdown-renderer.js +2 -1
  43. package/src/rich-text-editor/renderer/table-module.d.ts +3 -0
  44. package/src/rich-text-editor/renderer/table-module.js +133 -56
  45. package/src/rich-text-editor/renderer/toolbar-renderer.js +13 -2
  46. package/src/rich-text-editor/renderer/view-source.js +1 -1
  47. package/styles/bootstrap-dark.css +49 -0
  48. package/styles/bootstrap.css +49 -0
  49. package/styles/bootstrap4.css +49 -0
  50. package/styles/bootstrap5-dark.css +49 -0
  51. package/styles/bootstrap5.css +49 -0
  52. package/styles/fabric-dark.css +49 -0
  53. package/styles/fabric.css +49 -0
  54. package/styles/fluent-dark.css +53 -3
  55. package/styles/fluent.css +50 -0
  56. package/styles/highcontrast-light.css +49 -0
  57. package/styles/highcontrast.css +49 -0
  58. package/styles/material-dark.css +49 -0
  59. package/styles/material.css +49 -0
  60. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +17 -16
  61. package/styles/rich-text-editor/_bootstrap-definition.scss +17 -16
  62. package/styles/rich-text-editor/_bootstrap4-definition.scss +17 -16
  63. package/styles/rich-text-editor/_bootstrap5-definition.scss +17 -16
  64. package/styles/rich-text-editor/_fabric-dark-definition.scss +17 -16
  65. package/styles/rich-text-editor/_fabric-definition.scss +17 -16
  66. package/styles/rich-text-editor/_fluent-definition.scss +18 -16
  67. package/styles/rich-text-editor/_fusionnew-definition.scss +190 -0
  68. package/styles/rich-text-editor/_highcontrast-definition.scss +17 -16
  69. package/styles/rich-text-editor/_highcontrast-light-definition.scss +17 -16
  70. package/styles/rich-text-editor/_layout.scss +59 -0
  71. package/styles/rich-text-editor/_material-dark-definition.scss +17 -16
  72. package/styles/rich-text-editor/_material-definition.scss +17 -16
  73. package/styles/rich-text-editor/_material3-definition.scss +190 -0
  74. package/styles/rich-text-editor/_tailwind-definition.scss +17 -16
  75. package/styles/rich-text-editor/bootstrap-dark.css +49 -0
  76. package/styles/rich-text-editor/bootstrap.css +49 -0
  77. package/styles/rich-text-editor/bootstrap4.css +49 -0
  78. package/styles/rich-text-editor/bootstrap5-dark.css +49 -0
  79. package/styles/rich-text-editor/bootstrap5.css +49 -0
  80. package/styles/rich-text-editor/fabric-dark.css +49 -0
  81. package/styles/rich-text-editor/fabric.css +49 -0
  82. package/styles/rich-text-editor/fluent-dark.css +53 -3
  83. package/styles/rich-text-editor/fluent.css +50 -0
  84. package/styles/rich-text-editor/highcontrast-light.css +49 -0
  85. package/styles/rich-text-editor/highcontrast.css +49 -0
  86. package/styles/rich-text-editor/icons/_fusionnew.scss +303 -0
  87. package/styles/rich-text-editor/icons/_material3.scss +303 -0
  88. package/styles/rich-text-editor/material-dark.css +49 -0
  89. package/styles/rich-text-editor/material.css +49 -0
  90. package/styles/rich-text-editor/tailwind-dark.css +49 -0
  91. package/styles/rich-text-editor/tailwind.css +49 -0
  92. package/styles/tailwind-dark.css +49 -0
  93. package/styles/tailwind.css +49 -0
@@ -170,22 +170,23 @@ $rte-big-color-list-span-common-padding-left-right: 0;
170
170
  $rte-default-character-count-opacity: .54;
171
171
  $rte-placeholder-padding: 16px !default;
172
172
 
173
- $rte-img-dlg-min-height: 427px !default;
174
- $rte-big-img-dlg-min-height: 458px !default;
175
- $rte-link-dlg-min-height: 379px !default;
176
- $rte-big-link-dlg-min-height: 412px !default;
177
- $rte-table-dlg-min-height: 287px !default;
178
- $rte-big-table-dlg-min-height: 330px !default;
179
- $rte-img-alt-dlg-min-height: 183px !default;
180
- $rte-big-img-alt-dlg-min-height: 214px !default;
181
- $rte-img-link-dlg-min-height: 223px !default;
182
- $rte-big-img-link-dlg-min-height: 256px !default;
183
- $rte-img-size-dlg-min-height: 274px !default;
184
- $rte-big-img-size-dlg-min-height: 317px !default;
185
- $rte-edit-table-dlg-min-height: 365px !default;
186
- $rte-big-edit-table-dlg-min-height: 414px !default;
187
- $rte-file-browser-dlg-min-height: 625px !default;
188
- $rte-big-file-browser-dlg-min-height: 656px !default;
173
+ $rte-img-dlg-max-height: 426px !default;
174
+ $rte-img-alt-dlg-max-height: 426px !default;
175
+ $rte-img-link-dlg-max-height: 223px !default;
176
+ $rte-img-size-dlg-max-height: 284px !default;
177
+ $rte-link-dlg-max-height: 394px !default;
178
+ $rte-file-browser-dlg-max-height: 557px !default;
179
+ $rte-table-dlg-max-height: 287px !default;
180
+ $rte-edit-table-dlg-max-height: 365px !default;
181
+
182
+ $rte-big-img-dlg-max-height: 457px !default;
183
+ $rte-big-img-alt-dlg-max-height: 457px !default;
184
+ $rte-big-img-link-dlg-max-height: 256px !default;
185
+ $rte-big-img-size-dlg-max-height: 327px !default;
186
+ $rte-big-link-dlg-max-height: 427px !default;
187
+ $rte-big-file-browser-dlg-max-height: 557px !default;
188
+ $rte-big-table-dlg-max-height: 330px !default;
189
+ $rte-big-edit-table-dlg-max-height: 414px !default;
189
190
  //enddefault
190
191
 
191
192
  @include export-module('richtexteditor-bootstrap') {
@@ -169,22 +169,23 @@ $rte-default-character-count-opacity: .54;
169
169
  $rte-big-color-list-span-common-padding-left-right: 0;
170
170
  $rte-placeholder-padding: 16px !default;
171
171
 
172
- $rte-img-dlg-min-height: 427px !default;
173
- $rte-big-img-dlg-min-height: 458px !default;
174
- $rte-link-dlg-min-height: 379px !default;
175
- $rte-big-link-dlg-min-height: 412px !default;
176
- $rte-table-dlg-min-height: 287px !default;
177
- $rte-big-table-dlg-min-height: 330px !default;
178
- $rte-img-alt-dlg-min-height: 183px !default;
179
- $rte-big-img-alt-dlg-min-height: 214px !default;
180
- $rte-img-link-dlg-min-height: 223px !default;
181
- $rte-big-img-link-dlg-min-height: 256px !default;
182
- $rte-img-size-dlg-min-height: 274px !default;
183
- $rte-big-img-size-dlg-min-height: 317px !default;
184
- $rte-edit-table-dlg-min-height: 365px !default;
185
- $rte-big-edit-table-dlg-min-height: 414px !default;
186
- $rte-file-browser-dlg-min-height: 625px !default;
187
- $rte-big-file-browser-dlg-min-height: 656px !default;
172
+ $rte-img-dlg-max-height: 426px !default;
173
+ $rte-img-alt-dlg-max-height: 426px !default;
174
+ $rte-img-link-dlg-max-height: 223px !default;
175
+ $rte-img-size-dlg-max-height: 284px !default;
176
+ $rte-link-dlg-max-height: 394px !default;
177
+ $rte-file-browser-dlg-max-height: 557px !default;
178
+ $rte-table-dlg-max-height: 287px !default;
179
+ $rte-edit-table-dlg-max-height: 365px !default;
180
+
181
+ $rte-big-img-dlg-max-height: 457px !default;
182
+ $rte-big-img-alt-dlg-max-height: 457px !default;
183
+ $rte-big-img-link-dlg-max-height: 256px !default;
184
+ $rte-big-img-size-dlg-max-height: 327px !default;
185
+ $rte-big-link-dlg-max-height: 427px !default;
186
+ $rte-big-file-browser-dlg-max-height: 557px !default;
187
+ $rte-big-table-dlg-max-height: 330px !default;
188
+ $rte-big-edit-table-dlg-max-height: 414px !default;
188
189
 
189
190
  @include export-module('richtexteditor-bootstrap') {
190
191
  .e-richtexteditor {
@@ -165,22 +165,23 @@ $rte-default-character-count-opacity: 1;
165
165
  $rte-big-color-list-span-common-padding-left-right: 1px;
166
166
  $rte-placeholder-padding: 16px !default;
167
167
 
168
- $rte-img-dlg-min-height: 405px !default;
169
- $rte-big-img-dlg-min-height: 429px !default;
170
- $rte-link-dlg-min-height: 354px !default;
171
- $rte-big-link-dlg-min-height: 389px !default;
172
- $rte-table-dlg-min-height: 265px !default;
173
- $rte-big-table-dlg-min-height: 302px !default;
174
- $rte-img-alt-dlg-min-height: 170px !default;
175
- $rte-big-img-alt-dlg-min-height: 192px !default;
176
- $rte-img-link-dlg-min-height: 205px !default;
177
- $rte-big-img-link-dlg-min-height: 231px !default;
178
- $rte-img-size-dlg-min-height: 259px !default;
179
- $rte-big-img-size-dlg-min-height: 301px !default;
180
- $rte-edit-table-dlg-min-height: 334px !default;
181
- $rte-big-edit-table-dlg-min-height: 378px !default;
182
- $rte-file-browser-dlg-min-height: 615px !default;
183
- $rte-big-file-browser-dlg-min-height: 615px !default;
168
+ $rte-img-dlg-max-height: 405px !default;
169
+ $rte-img-alt-dlg-max-height: 405px !default;
170
+ $rte-img-link-dlg-max-height: 204px !default;
171
+ $rte-img-size-dlg-max-height: 268px !default;
172
+ $rte-link-dlg-max-height: 368px !default;
173
+ $rte-file-browser-dlg-max-height: 557px !default;
174
+ $rte-table-dlg-max-height: 264px !default;
175
+ $rte-edit-table-dlg-max-height: 333px !default;
176
+
177
+ $rte-big-img-dlg-max-height: 428px !default;
178
+ $rte-big-img-alt-dlg-max-height: 428px !default;
179
+ $rte-big-img-link-dlg-max-height: 231px !default;
180
+ $rte-big-img-size-dlg-max-height: 312px !default;
181
+ $rte-big-link-dlg-max-height: 404px !default;
182
+ $rte-big-file-browser-dlg-max-height: 557px !default;
183
+ $rte-big-table-dlg-max-height: 302px !default;
184
+ $rte-big-edit-table-dlg-max-height: 378px !default;
184
185
 
185
186
  @include export-module('richtexteditor-bootstrap4') {
186
187
  .e-richtexteditor {
@@ -169,21 +169,22 @@ $rte-tb-hover-font-color: $secondary-text-color-hover;
169
169
  $transparent: $transparent;
170
170
  $rte-placeholder-padding: 16px !default;
171
171
 
172
- $rte-img-dlg-min-height: 390px !default;
173
- $rte-big-img-dlg-min-height: 425px !default;
174
- $rte-link-dlg-min-height: 339px !default;
175
- $rte-big-link-dlg-min-height: 385px !default;
176
- $rte-table-dlg-min-height: 253px !default;
177
- $rte-big-table-dlg-min-height: 299px !default;
178
- $rte-img-alt-dlg-min-height: 159px !default;
179
- $rte-big-img-alt-dlg-min-height: 193px !default;
180
- $rte-img-link-dlg-min-height: 192px !default;
181
- $rte-big-img-link-dlg-min-height: 229px !default;
182
- $rte-img-size-dlg-min-height: 247px !default;
183
- $rte-big-img-size-dlg-min-height: 299px !default;
184
- $rte-edit-table-dlg-min-height: 321px !default;
185
- $rte-big-edit-table-dlg-min-height: 373px !default;
186
- $rte-file-browser-dlg-min-height: 586px !default;
187
- $rte-big-file-browser-dlg-min-height: 641px !default;
172
+ $rte-img-dlg-max-height: 390px !default;
173
+ $rte-img-alt-dlg-max-height: 390px !default;
174
+ $rte-img-link-dlg-max-height: 191px !default;
175
+ $rte-img-size-dlg-max-height: 256px !default;
176
+ $rte-link-dlg-max-height: 353px !default;
177
+ $rte-file-browser-dlg-max-height: 557px !default;
178
+ $rte-table-dlg-max-height: 252px !default;
179
+ $rte-edit-table-dlg-max-height: 320px !default;
180
+
181
+ $rte-big-img-dlg-max-height: 425px !default;
182
+ $rte-big-img-alt-dlg-max-height: 425px !default;
183
+ $rte-big-img-link-dlg-max-height: 229px !default;
184
+ $rte-big-img-size-dlg-max-height: 309px !default;
185
+ $rte-big-link-dlg-max-height: 400px !default;
186
+ $rte-big-file-browser-dlg-max-height: 557px !default;
187
+ $rte-big-table-dlg-max-height: 299px !default;
188
+ $rte-big-edit-table-dlg-max-height: 373px !default;
188
189
  $toolbar-expand-icon-min-height: 40px !default;
189
190
  $rte-align-caret-icon-min-width: 24px !default;
@@ -168,20 +168,21 @@ $rte-default-character-count-opacity: .6;
168
168
  $rte-big-color-list-span-common-padding-left-right: 0;
169
169
  $rte-placeholder-padding: 16px !default;
170
170
 
171
- $rte-img-dlg-min-height: 430px !default;
172
- $rte-big-img-dlg-min-height: 456px !default;
173
- $rte-link-dlg-min-height: 389px !default;
174
- $rte-big-link-dlg-min-height: 415px !default;
175
- $rte-table-dlg-min-height: 335px !default;
176
- $rte-big-table-dlg-min-height: 302px !default;
177
- $rte-img-alt-dlg-min-height: 183px !default;
178
- $rte-big-img-alt-dlg-min-height: 209px !default;
179
- $rte-img-link-dlg-min-height: 226px !default;
180
- $rte-big-img-link-dlg-min-height: 252px !default;
181
- $rte-img-size-dlg-min-height: 279px !default;
182
- $rte-big-img-size-dlg-min-height: 321px !default;
183
- $rte-edit-table-dlg-min-height: 373px !default;
184
- $rte-big-edit-table-dlg-min-height: 423px !default;
185
- $rte-file-browser-dlg-min-height: 630px !default;
186
- $rte-big-file-browser-dlg-min-height: 630px !default;
171
+ $rte-img-dlg-max-height: 431px !default;
172
+ $rte-img-alt-dlg-max-height: 431px !default;
173
+ $rte-img-link-dlg-max-height: 225px !default;
174
+ $rte-img-size-dlg-max-height: 289px !default;
175
+ $rte-link-dlg-max-height: 404px !default;
176
+ $rte-file-browser-dlg-max-height: 557px !default;
177
+ $rte-table-dlg-max-height: 293px !default;
178
+ $rte-edit-table-dlg-max-height: 373px !default;
179
+
180
+ $rte-big-img-dlg-max-height: 456px !default;
181
+ $rte-big-img-alt-dlg-max-height: 456px !default;
182
+ $rte-big-img-link-dlg-max-height: 252px !default;
183
+ $rte-big-img-size-dlg-max-height: 331px !default;
184
+ $rte-big-link-dlg-max-height: 430px !default;
185
+ $rte-big-file-browser-dlg-max-height: 557px !default;
186
+ $rte-big-table-dlg-max-height: 335px !default;
187
+ $rte-big-edit-table-dlg-max-height: 427px !default;
187
188
  //enddefault
@@ -168,19 +168,20 @@ $rte-default-character-count-opacity: .54;
168
168
  $rte-big-color-list-span-common-padding-left-right: 0;
169
169
  $rte-placeholder-padding: 16px !default;
170
170
 
171
- $rte-img-dlg-min-height: 430px !default;
172
- $rte-big-img-dlg-min-height: 456px !default;
173
- $rte-link-dlg-min-height: 389px !default;
174
- $rte-big-link-dlg-min-height: 415px !default;
175
- $rte-table-dlg-min-height: 293px !default;
176
- $rte-big-table-dlg-min-height: 302px !default;
177
- $rte-img-alt-dlg-min-height: 183px !default;
178
- $rte-big-img-alt-dlg-min-height: 209px !default;
179
- $rte-img-link-dlg-min-height: 226px !default;
180
- $rte-big-img-link-dlg-min-height: 252px !default;
181
- $rte-img-size-dlg-min-height: 279px !default;
182
- $rte-big-img-size-dlg-min-height: 321px !default;
183
- $rte-edit-table-dlg-min-height: 373px !default;
184
- $rte-big-edit-table-dlg-min-height: 423px !default;
185
- $rte-file-browser-dlg-min-height: 630px !default;
186
- $rte-big-file-browser-dlg-min-height: 630px !default;
171
+ $rte-img-dlg-max-height: 431px !default;
172
+ $rte-img-alt-dlg-max-height: 431px !default;
173
+ $rte-img-link-dlg-max-height: 225px !default;
174
+ $rte-img-size-dlg-max-height: 289px !default;
175
+ $rte-link-dlg-max-height: 404px !default;
176
+ $rte-file-browser-dlg-max-height: 557px !default;
177
+ $rte-table-dlg-max-height: 293px !default;
178
+ $rte-edit-table-dlg-max-height: 373px !default;
179
+
180
+ $rte-big-img-dlg-max-height: 456px !default;
181
+ $rte-big-img-alt-dlg-max-height: 456px !default;
182
+ $rte-big-img-link-dlg-max-height: 252px !default;
183
+ $rte-big-img-size-dlg-max-height: 331px !default;
184
+ $rte-big-link-dlg-max-height: 430px !default;
185
+ $rte-big-file-browser-dlg-max-height: 557px !default;
186
+ $rte-big-table-dlg-max-height: 335px !default;
187
+ $rte-big-edit-table-dlg-max-height: 427px !default;
@@ -172,20 +172,22 @@ $rte-table-header-bg: $content-bg-color-alt1 !default;
172
172
  $rte-tb-hover-font-color: $secondary-text-color-hover;
173
173
  $transparent: $transparent;
174
174
  $rte-placeholder-padding: 24px !default;
175
+ $rte-table-popup-btn-margin-top: 16px !default;
175
176
 
176
- $rte-img-dlg-min-height: 410px !default;
177
- $rte-big-img-dlg-min-height: 434px !default;
178
- $rte-link-dlg-min-height: 360px !default;
179
- $rte-big-link-dlg-min-height: 397px !default;
180
- $rte-table-dlg-min-height: 273px !default;
181
- $rte-big-table-dlg-min-height: 312px !default;
182
- $rte-img-alt-dlg-min-height: 179px !default;
183
- $rte-big-img-alt-dlg-min-height: 202px !default;
184
- $rte-img-link-dlg-min-height: 213px !default;
185
- $rte-big-img-link-dlg-min-height: 241px !default;
186
- $rte-img-size-dlg-min-height: 267px !default;
187
- $rte-big-img-size-dlg-min-height: 312px !default;
188
- $rte-edit-table-dlg-min-height: 341px !default;
189
- $rte-big-edit-table-dlg-min-height: 388px !default;
190
- $rte-file-browser-dlg-min-height: 586px !default;
191
- $rte-big-file-browser-dlg-min-height: 586px !default;
177
+ $rte-img-dlg-max-height: 410px !default;
178
+ $rte-img-alt-dlg-max-height: 410px !default;
179
+ $rte-img-link-dlg-max-height: 218px !default;
180
+ $rte-img-size-dlg-max-height: 276px !default;
181
+ $rte-link-dlg-max-height: 380px !default;
182
+ $rte-file-browser-dlg-max-height: 557px !default;
183
+ $rte-table-dlg-max-height: 272px !default;
184
+ $rte-edit-table-dlg-max-height: 340px !default;
185
+
186
+ $rte-big-img-dlg-max-height: 428px !default;
187
+ $rte-big-img-alt-dlg-max-height: 428px !default;
188
+ $rte-big-img-link-dlg-max-height: 240px !default;
189
+ $rte-big-img-size-dlg-max-height: 316px !default;
190
+ $rte-big-link-dlg-max-height: 411px !default;
191
+ $rte-big-file-browser-dlg-max-height: 557px !default;
192
+ $rte-big-table-dlg-max-height: 306px !default;
193
+ $rte-big-edit-table-dlg-max-height: 388px !default;
@@ -0,0 +1,190 @@
1
+ $skin-name: 'bootstrap5' !default;
2
+ //Layout Variables Start
3
+ $rte-border-size: 1px !default;
4
+ $rte-2px-border-size: 2px !default;
5
+ $rte-border-type: solid !default;
6
+ $rte-list-btn-flex: column !default;
7
+ $rte-list-btn-line-height: 1 !default;
8
+ $rte-split-btn-line-height: 20px !default;
9
+ $rte-big-split-btn-line-height: 30px !default;
10
+ $rte-big-quick-item-btn-width: 39px !default;
11
+ $rte-quick-item-btn-width: 27px !default;
12
+ $rte-big-quick-item-btn-height: 34px !default;
13
+ $rte-quick-item-btn-height: 26px !default;
14
+ $rte-big-quick-item-padding: 0 !default;
15
+ $rte-quick-item-padding: 0 !default;
16
+ $rte-quick-item-icon-min-width: 24px !default; // Clarify
17
+ $rte-big-quick-item-line-height: $leading-normal !default;
18
+ $rte-content-padding: 16px !default;
19
+ $rte-toolbar-icon-size: $text-base !default;
20
+ $rte-toolbar-big-icon-size: $text-lg !default;
21
+ $rte-big-quick-drop-btn-line-height: 33px !default;
22
+ $rte-quick-drop-btn-line-height: 24px !default;
23
+ $rte-big-quick-drop-btn-margin: 4px 0 !default;
24
+ $rte-quick-drop-btn-margin: 4px 0 !default;
25
+ $rte-big-quick-drop-btn-padding: 0 !default;
26
+ $rte-quick-drop-btn-padding: 1px 0 !default;
27
+ $rte-big-quick-drop-btn-icon-size: 16px !default;
28
+ $rte-quick-drop-btn-icon-size: 14px !default;
29
+ $rte-big-quick-drop-btn-caret-icon-size: 10px !default;
30
+ $rte-quick-drop-btn-caret-icon-size: 12px !default;
31
+ $rte-big-quick-drop-btn-caret-font-size: 12px !default;
32
+ $rte-quick-drop-btn-caret-font-size: 10px !default;
33
+ $rte-big-tb-items-margin-left: 3px !default;
34
+ $rte-tb-items-margin-left: 7px !default;
35
+ $rte-big-tb-items-padding-left: 3px !default;
36
+ $rte-tb-items-padding-left: 7px !default;
37
+ $rte-active-tb-item-btn-padding: 0 !default;
38
+ $rte-split-btn-bar-size: 0 !default;
39
+ $rte-split-btn-active-color-icon-line-height: 30px !default;
40
+ $rte-big-split-btn-active-color-icon-line-height: 37px !default;
41
+ $rte-format-btn-min-width: 75px !default;
42
+ $rte-font-name-btn-min-width: 67px !default;
43
+ $rte-font-size-btn-min-width: 36px !default;
44
+ $rte-drop-btn-padding-left: 7px !default;
45
+ $dropdown-btn-font-size: $text-sm;
46
+ $dropdown-btn-big-font-size: $text-base;
47
+ $rte-drop-btn-padding-right: 7px !default;
48
+ $rte-drop-btn-action-padding-left: 7px !default;
49
+ $rte-drop-btn-action-padding-right: 7px !default;
50
+ $rte-big-drop-btn-padding-left: 10px !default;
51
+ $rte-big-drop-btn-padding-right: 6px !default;
52
+ $rte-big-drop-btn-action-padding-left: 10px !default;
53
+ $rte-big-drop-btn-action-padding-right: 6px !default;
54
+ $rte-colorpicker-parent-padding: 0 !default;
55
+ $rte-colorpicker-parent-padding-hover: 0 !default;
56
+ $rte-colorpicker-parent-padding-active-hover: 0 !default;
57
+ $rte-font-icon-width: 30px !default;
58
+ $rte-font-arrow-width: 18px !default;
59
+ $rte-font-arrow-touch-width: 20px !default;
60
+ $rte-font-icon-line-height: $leading-tight !default;
61
+ $rte-placeholder-line-height: $leading-normal !default;
62
+ $rte-big-active-tb-item-btn-padding: 0 6px !default;
63
+ $rte-table-popup-padding: 10px !default;
64
+ $rte-insert-dialog-label-padding-top: 12px !default;
65
+ $rte-insert-dialog-label-padding-bottom: 12px !default;
66
+ $rte-big-quick-tbar-item-min-height: 34px !default;
67
+ $rte-big-quick-tbar-item-min-width: 39px !default;
68
+ $rte-content-font-size: $text-sm !default;
69
+ $rte-dropdown-caret-icon-size: $text-xs !default;
70
+ $rte-big-dropdown-caret-icon-size: $text-sm !default;
71
+ $font-weight: $font-weight-normal !default;
72
+ $rte-table-popup-bdr-radius: 6px !default;
73
+ $rte-resize-handler-width: 15px;
74
+ $rte-resize-handler-height: 15px;
75
+ $rte-resize-handler-position: 0;
76
+ $rte-big-inline-tmp-min-width: 48px;
77
+ $rte-inline-tmp-min-width: 55px;
78
+ $rte-big-inline-tmp-size-min-width: 59px;
79
+ $rte-inline-tmp-size-min-width: 66px;
80
+ $rte-big-inline-tmp-color-min-width: 50px;
81
+ $rte-inline-tmp-color-min-width: 55px;
82
+ $rte-big-color-list-span-common-padding-left-right: 0;
83
+ $rte-default-character-count-opacity: 1;
84
+ //Layout Variables End
85
+
86
+ //Theme Variables Start
87
+ $rte-split-btn-active-border: 0 !default;
88
+ $rte-border-color: $border-light !default;
89
+ $rte-content-bg: $content-bg-color !default;
90
+ $rte-full-screen-bg: $content-bg-color !default;
91
+ $rte-content-font-color: $content-text-color !default;
92
+ $rte-item-color: $content-text-color !default;
93
+ $rte-icons-color: $icon-color !default;
94
+ $rte-img-popup-border: 1px solid $border-light !default;
95
+ $rte-img-popup-box-shadow: $shadow !default;
96
+ $rte-img-popup-color: $border-light !default;
97
+ $rte-quick-item-active-bg: $secondary-bg-color-pressed !default;
98
+ $rte-quick-item-active-font-color: $secondary-text-color-hover !default;
99
+ $rte-quick-item-border: 0 !default;
100
+ $rte-quick-item-hover-border-color: $secondary-border-color-hover !default;
101
+ $rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
102
+ $rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
103
+ $rte-quick-drop-btn-hover-border-color: $content-bg-color-alt2 !default;
104
+ $rte-extended-toolbar-background: $content-bg-color-alt2 !default;
105
+ $rte-quick-pop-border: none !default;
106
+ $rte-quick-tb-border: 1px solid $border-light !default;
107
+ $rte-quick-pop-bg: $content-bg-color-alt2 !default;
108
+ $rte-quick-vr-line-color: $border-light !default;
109
+ $rte-quick-pop-shadow: none !default;
110
+ $rte-quick-pop-item-focus-bg: $secondary-bg-color-pressed !default;
111
+ $rte-quick-tb-btn-hover: $secondary-bg-color-hover !default;
112
+ $rte-tb-item-active-bg: $secondary-bg-color-pressed !default;
113
+ $rte-tb-active-font-color: $white !default;
114
+ $rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
115
+ $rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
116
+ $rte-color-picker-active-bg: inherit !default;
117
+ $rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
118
+ $rte-drop-btn-active-color: $white !default;
119
+ $rte-drop-btn-active-border-color: $secondary-border-color-pressed !default;
120
+ $rte-split-btn-active-hover-font-color: $white !default;
121
+ $rte-split-btn-color: $secondary-bg-color-pressed !default;
122
+ $rte-split-btn-active-color: $white !default;
123
+ $rte-split-btn-hover-bg: $secondary-bg-color-hover !default;
124
+ $rte-split-btn-active-bg: $secondary-bg-color-pressed !default;
125
+ $rte-split-btn-span-hover-bg: $secondary-bg-color-hover !default;
126
+ $rte-split-btn-span-focus-bg: $secondary-bg-color-pressed !default;
127
+ $rte-split-btn-span-active-bg: $secondary-bg-color-pressed !default;
128
+ $rte-split-btn-bar-bg: $content-bg-color !default;
129
+ $rte-split-btn-active-bar-bg: $content-bg-color !default;
130
+ $rte-split-btn-bar-size: 0 !default;
131
+ $rte-split-btn-active-border: 0 !default;
132
+ $rte-split-btn-active-color-icon-line-height: 30px !default;
133
+ $rte-big-split-btn-active-color-icon-line-height: 38px !default;
134
+
135
+ $rte-link-valid-color: $danger !default;
136
+ $rte-upload-drag-border-clr: $border-dark !default;
137
+ $rte-img-header-clr: $content-text-color !default;
138
+ $rte-drop-text-clr: $content-text-color-alt2 !default;
139
+ $rte-default-character-count-color: $placeholder-text-color !default;
140
+ $rte-warning-character-count-color: $warning !default;
141
+ $rte-error-character-count-color: $danger !default;
142
+ $rte-img-border: dashed 2px $primary !default;
143
+ $rte-font-family: $font-family !default;
144
+ $rte-content-color: $content-text-color !default;
145
+ $rte-content-blockquote-border-left-color: solid 2px $content-text-color !default;
146
+ $rte-dropdown-selection-bgcolor: $secondary-bg-color-pressed !default;
147
+ $rte-ext-tbar-overlay-icons-color: $icon-color-disabled !default;
148
+ $rte-overlay-color: $overlay-bg-color !default;
149
+ $rte-dropdown-selection-color: $secondary-text-color-pressed !default;
150
+ $rte-anchor-color: $primary !default;
151
+ $rte-ext-tbar-overlay-dropdown-color: $content-bg-color-alt4 !default;
152
+ $rte-img-resize-back-color: $primary !default;
153
+ $rte-img-resize-color: $primary-text-color !default;
154
+ $rte-table-header-color: $content-text-color-alt1 !default;
155
+ $rte-table-span-bg-color: $content-bg-color !default;
156
+ $rte-table-span-border: 1px solid $border-light !default;
157
+ $rte-table-span-active-bg-color: $primary-lighter !default;
158
+ $rte-table-span-active-border-color: $primary !default;
159
+ $rte-table-select-border-color: $primary !default;
160
+ $rte-table-popup-bg: $flyout-bg-color !default;
161
+ $rte-table-popup-color: $border-light !default;
162
+ $rte-table-popup-box: $shadow !default;
163
+ $rte-table-border-color: $border-light !default;
164
+ $rte-table-alternate-color: $content-bg-color-alt1 !default;
165
+ $rte-table-header-bg: $content-bg-color-alt1 !default;
166
+ //Theme Variables End
167
+
168
+ $rte-tb-hover-font-color: $secondary-text-color-hover;
169
+ $transparent: $transparent;
170
+ $rte-placeholder-padding: 16px !default;
171
+
172
+ $rte-img-dlg-max-height: 390px !default;
173
+ $rte-img-alt-dlg-max-height: 390px !default;
174
+ $rte-img-link-dlg-max-height: 191px !default;
175
+ $rte-img-size-dlg-max-height: 256px !default;
176
+ $rte-link-dlg-max-height: 353px !default;
177
+ $rte-file-browser-dlg-max-height: 557px !default;
178
+ $rte-table-dlg-max-height: 252px !default;
179
+ $rte-edit-table-dlg-max-height: 320px !default;
180
+
181
+ $rte-big-img-dlg-max-height: 425px !default;
182
+ $rte-big-img-alt-dlg-max-height: 425px !default;
183
+ $rte-big-img-link-dlg-max-height: 229px !default;
184
+ $rte-big-img-size-dlg-max-height: 309px !default;
185
+ $rte-big-link-dlg-max-height: 400px !default;
186
+ $rte-big-file-browser-dlg-max-height: 557px !default;
187
+ $rte-big-table-dlg-max-height: 299px !default;
188
+ $rte-big-edit-table-dlg-max-height: 373px !default;
189
+ $toolbar-expand-icon-min-height: 40px !default;
190
+ $rte-align-caret-icon-min-width: 24px !default;
@@ -168,19 +168,20 @@ $rte-default-character-count-opacity: .54;
168
168
  $rte-big-color-list-span-common-padding-left-right: 0;
169
169
  $rte-placeholder-padding: 16px !default;
170
170
 
171
- $rte-img-dlg-min-height: 433px !default;
172
- $rte-big-img-dlg-min-height: 433px !default;
173
- $rte-link-dlg-min-height: 391px !default;
174
- $rte-big-link-dlg-min-height: 392px !default;
175
- $rte-table-dlg-min-height: 295px !default;
176
- $rte-big-table-dlg-min-height: 312px !default;
177
- $rte-img-alt-dlg-min-height: 185px !default;
178
- $rte-big-img-alt-dlg-min-height: 186px !default;
179
- $rte-img-link-dlg-min-height: 228px !default;
180
- $rte-big-img-link-dlg-min-height: 229px !default;
181
- $rte-img-size-dlg-min-height: 281px !default;
182
- $rte-big-img-size-dlg-min-height: 298px !default;
183
- $rte-edit-table-dlg-min-height: 375px !default;
184
- $rte-big-edit-table-dlg-min-height: 400px !default;
185
- $rte-file-browser-dlg-min-height: 632px !default;
186
- $rte-big-file-browser-dlg-min-height: 632px !default;
171
+ $rte-img-dlg-max-height: 433px !default;
172
+ $rte-img-alt-dlg-max-height: 433px !default;
173
+ $rte-img-link-dlg-max-height: 228px !default;
174
+ $rte-img-size-dlg-max-height: 291px !default;
175
+ $rte-link-dlg-max-height: 406px !default;
176
+ $rte-file-browser-dlg-max-height: 557px !default;
177
+ $rte-table-dlg-max-height: 295px !default;
178
+ $rte-edit-table-dlg-max-height: 375px !default;
179
+
180
+ $rte-big-img-dlg-max-height: 430px !default;
181
+ $rte-big-img-alt-dlg-max-height: 430px !default;
182
+ $rte-big-img-link-dlg-max-height: 226px !default;
183
+ $rte-big-img-size-dlg-max-height: 305px !default;
184
+ $rte-big-link-dlg-max-height: 404px !default;
185
+ $rte-big-file-browser-dlg-max-height: 557px !default;
186
+ $rte-big-table-dlg-max-height: 309px !default;
187
+ $rte-big-edit-table-dlg-max-height: 400px !default;
@@ -168,19 +168,20 @@ $rte-default-character-count-opacity: .54;
168
168
  $rte-big-color-list-span-common-padding-left-right: 0;
169
169
  $rte-placeholder-padding: 16px !default;
170
170
 
171
- $rte-img-dlg-min-height: 433px !default;
172
- $rte-big-img-dlg-min-height: 433px !default;
173
- $rte-link-dlg-min-height: 391px !default;
174
- $rte-big-link-dlg-min-height: 392px !default;
175
- $rte-table-dlg-min-height: 295px !default;
176
- $rte-big-table-dlg-min-height: 312px !default;
177
- $rte-img-alt-dlg-min-height: 185px !default;
178
- $rte-big-img-alt-dlg-min-height: 186px !default;
179
- $rte-img-link-dlg-min-height: 228px !default;
180
- $rte-big-img-link-dlg-min-height: 229px !default;
181
- $rte-img-size-dlg-min-height: 281px !default;
182
- $rte-big-img-size-dlg-min-height: 298px !default;
183
- $rte-edit-table-dlg-min-height: 375px !default;
184
- $rte-big-edit-table-dlg-min-height: 400px !default;
185
- $rte-file-browser-dlg-min-height: 632px !default;
186
- $rte-big-file-browser-dlg-min-height: 632px !default;
171
+ $rte-img-dlg-max-height: 433px !default;
172
+ $rte-img-alt-dlg-max-height: 433px !default;
173
+ $rte-img-link-dlg-max-height: 228px !default;
174
+ $rte-img-size-dlg-max-height: 291px !default;
175
+ $rte-link-dlg-max-height: 406px !default;
176
+ $rte-file-browser-dlg-max-height: 557px !default;
177
+ $rte-table-dlg-max-height: 295px !default;
178
+ $rte-edit-table-dlg-max-height: 375px !default;
179
+
180
+ $rte-big-img-dlg-max-height: 430px !default;
181
+ $rte-big-img-alt-dlg-max-height: 430px !default;
182
+ $rte-big-img-link-dlg-max-height: 226px !default;
183
+ $rte-big-img-size-dlg-max-height: 305px !default;
184
+ $rte-big-link-dlg-max-height: 404px !default;
185
+ $rte-big-file-browser-dlg-max-height: 557px !default;
186
+ $rte-big-table-dlg-max-height: 309px !default;
187
+ $rte-big-edit-table-dlg-max-height: 400px !default;
@@ -75,6 +75,34 @@
75
75
  iframe {
76
76
  height: calc(100% - 56px);
77
77
  }
78
+
79
+ .e-rte-edit-table {
80
+ max-height: $rte-big-table-dlg-max-height !important; // sass-lint:disable-line no-important
81
+ }
82
+
83
+ .e-rte-edit-table-prop-dialog {
84
+ max-height: $rte-big-edit-table-dlg-max-height !important; // sass-lint:disable-line no-important
85
+ }
86
+
87
+ .e-rte-link-dialog {
88
+ max-height: $rte-big-link-dlg-max-height !important; // sass-lint:disable-line no-important
89
+ }
90
+
91
+ .e-rte-img-dialog {
92
+ min-height: $rte-big-img-dlg-max-height !important; // sass-lint:disable-line no-important
93
+ }
94
+
95
+ .e-rte-img-link-dialog {
96
+ max-height: $rte-big-img-link-dlg-max-height !important; // sass-lint:disable-line no-important
97
+ }
98
+
99
+ .e-rte-img-size-dialog {
100
+ max-height: $rte-big-img-size-dlg-max-height !important; // sass-lint:disable-line no-important
101
+ }
102
+
103
+ .e-rte-img-alt-dialog {
104
+ min-height: $rte-big-img-alt-dlg-max-height !important; // sass-lint:disable-line no-important
105
+ }
78
106
  }
79
107
  }
80
108
 
@@ -120,6 +148,34 @@
120
148
  iframe {
121
149
  height: calc(100% - 42px);
122
150
  }
151
+
152
+ .e-rte-edit-table {
153
+ max-height: $rte-table-dlg-max-height !important; // sass-lint:disable-line no-important
154
+ }
155
+
156
+ .e-rte-edit-table-prop-dialog {
157
+ max-height: $rte-edit-table-dlg-max-height !important; // sass-lint:disable-line no-important
158
+ }
159
+
160
+ .e-rte-link-dialog {
161
+ max-height: $rte-link-dlg-max-height !important; // sass-lint:disable-line no-important
162
+ }
163
+
164
+ .e-rte-img-dialog {
165
+ max-height: $rte-img-dlg-max-height !important; // sass-lint:disable-line no-important
166
+ }
167
+
168
+ .e-rte-img-link-dialog {
169
+ max-height: $rte-img-link-dlg-max-height !important; // sass-lint:disable-line no-important
170
+ }
171
+
172
+ .e-rte-img-size-dialog {
173
+ max-height: $rte-img-size-dlg-max-height !important; // sass-lint:disable-line no-important
174
+ }
175
+
176
+ .e-rte-img-alt-dialog {
177
+ max-height: $rte-img-alt-dlg-max-height !important; // sass-lint:disable-line no-important
178
+ }
123
179
  }
124
180
 
125
181
  &.e-rtl .e-rte-character-count {
@@ -995,6 +1051,9 @@
995
1051
  }
996
1052
 
997
1053
  .e-rte-table-popup.e-popup-open .e-insert-table-btn {
1054
+ @if $skin-name == 'FluentUI' {
1055
+ margin-top: $rte-table-popup-btn-margin-top;
1056
+ }
998
1057
  width: 100%;
999
1058
  }
1000
1059