@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.
- package/CHANGELOG.md +32 -0
- package/dist/ej2-richtexteditor.umd.min.js +2 -2
- package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
- package/dist/es6/ej2-richtexteditor.es2015.js +468 -191
- package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
- package/dist/es6/ej2-richtexteditor.es5.js +460 -181
- package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
- package/dist/global/ej2-richtexteditor.min.js +2 -2
- package/dist/global/ej2-richtexteditor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/helpers/e2e/index.js +8 -6
- package/helpers/e2e/rte-helper.js +80 -64
- package/package.json +12 -12
- package/src/common/util.js +7 -8
- package/src/editor-manager/plugin/inserthtml.d.ts +1 -0
- package/src/editor-manager/plugin/inserthtml.js +25 -3
- package/src/editor-manager/plugin/lists.js +14 -4
- package/src/markdown-parser/base/constant.d.ts +6 -0
- package/src/markdown-parser/base/constant.js +6 -0
- package/src/markdown-parser/base/markdown-parser.d.ts +2 -0
- package/src/markdown-parser/base/markdown-parser.js +6 -0
- package/src/markdown-parser/base/types.d.ts +1 -1
- package/src/markdown-parser/plugin/insert-text.d.ts +22 -0
- package/src/markdown-parser/plugin/insert-text.js +51 -0
- package/src/rich-text-editor/actions/color-picker.js +20 -4
- package/src/rich-text-editor/actions/full-screen.js +4 -2
- package/src/rich-text-editor/actions/resize.js +4 -3
- package/src/rich-text-editor/actions/toolbar.js +4 -2
- package/src/rich-text-editor/base/classes.d.ts +5 -0
- package/src/rich-text-editor/base/classes.js +5 -0
- package/src/rich-text-editor/base/constant.d.ts +46 -1
- package/src/rich-text-editor/base/constant.js +46 -1
- package/src/rich-text-editor/base/interface.d.ts +2 -0
- package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -0
- package/src/rich-text-editor/base/rich-text-editor.js +34 -27
- package/src/rich-text-editor/base/util.js +10 -6
- package/src/rich-text-editor/formatter/formatter.js +1 -1
- package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
- package/src/rich-text-editor/renderer/image-module.d.ts +1 -0
- package/src/rich-text-editor/renderer/image-module.js +58 -44
- package/src/rich-text-editor/renderer/link-module.js +16 -14
- package/src/rich-text-editor/renderer/markdown-renderer.js +2 -1
- package/src/rich-text-editor/renderer/table-module.d.ts +3 -0
- package/src/rich-text-editor/renderer/table-module.js +133 -56
- package/src/rich-text-editor/renderer/toolbar-renderer.js +13 -2
- package/src/rich-text-editor/renderer/view-source.js +1 -1
- package/styles/bootstrap-dark.css +49 -0
- package/styles/bootstrap.css +49 -0
- package/styles/bootstrap4.css +49 -0
- package/styles/bootstrap5-dark.css +49 -0
- package/styles/bootstrap5.css +49 -0
- package/styles/fabric-dark.css +49 -0
- package/styles/fabric.css +49 -0
- package/styles/fluent-dark.css +53 -3
- package/styles/fluent.css +50 -0
- package/styles/highcontrast-light.css +49 -0
- package/styles/highcontrast.css +49 -0
- package/styles/material-dark.css +49 -0
- package/styles/material.css +49 -0
- package/styles/rich-text-editor/_bootstrap-dark-definition.scss +17 -16
- package/styles/rich-text-editor/_bootstrap-definition.scss +17 -16
- package/styles/rich-text-editor/_bootstrap4-definition.scss +17 -16
- package/styles/rich-text-editor/_bootstrap5-definition.scss +17 -16
- package/styles/rich-text-editor/_fabric-dark-definition.scss +17 -16
- package/styles/rich-text-editor/_fabric-definition.scss +17 -16
- package/styles/rich-text-editor/_fluent-definition.scss +18 -16
- package/styles/rich-text-editor/_fusionnew-definition.scss +190 -0
- package/styles/rich-text-editor/_highcontrast-definition.scss +17 -16
- package/styles/rich-text-editor/_highcontrast-light-definition.scss +17 -16
- package/styles/rich-text-editor/_layout.scss +59 -0
- package/styles/rich-text-editor/_material-dark-definition.scss +17 -16
- package/styles/rich-text-editor/_material-definition.scss +17 -16
- package/styles/rich-text-editor/_material3-definition.scss +190 -0
- package/styles/rich-text-editor/_tailwind-definition.scss +17 -16
- package/styles/rich-text-editor/bootstrap-dark.css +49 -0
- package/styles/rich-text-editor/bootstrap.css +49 -0
- package/styles/rich-text-editor/bootstrap4.css +49 -0
- package/styles/rich-text-editor/bootstrap5-dark.css +49 -0
- package/styles/rich-text-editor/bootstrap5.css +49 -0
- package/styles/rich-text-editor/fabric-dark.css +49 -0
- package/styles/rich-text-editor/fabric.css +49 -0
- package/styles/rich-text-editor/fluent-dark.css +53 -3
- package/styles/rich-text-editor/fluent.css +50 -0
- package/styles/rich-text-editor/highcontrast-light.css +49 -0
- package/styles/rich-text-editor/highcontrast.css +49 -0
- package/styles/rich-text-editor/icons/_fusionnew.scss +303 -0
- package/styles/rich-text-editor/icons/_material3.scss +303 -0
- package/styles/rich-text-editor/material-dark.css +49 -0
- package/styles/rich-text-editor/material.css +49 -0
- package/styles/rich-text-editor/tailwind-dark.css +49 -0
- package/styles/rich-text-editor/tailwind.css +49 -0
- package/styles/tailwind-dark.css +49 -0
- 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-
|
|
174
|
-
$rte-
|
|
175
|
-
$rte-link-dlg-
|
|
176
|
-
$rte-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-
|
|
179
|
-
$rte-
|
|
180
|
-
$rte-
|
|
181
|
-
|
|
182
|
-
$rte-big-img-
|
|
183
|
-
$rte-img-
|
|
184
|
-
$rte-big-img-
|
|
185
|
-
$rte-
|
|
186
|
-
$rte-big-
|
|
187
|
-
$rte-file-browser-dlg-
|
|
188
|
-
$rte-big-
|
|
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-
|
|
173
|
-
$rte-
|
|
174
|
-
$rte-link-dlg-
|
|
175
|
-
$rte-
|
|
176
|
-
$rte-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-
|
|
179
|
-
$rte-
|
|
180
|
-
|
|
181
|
-
$rte-big-img-
|
|
182
|
-
$rte-img-
|
|
183
|
-
$rte-big-img-
|
|
184
|
-
$rte-
|
|
185
|
-
$rte-big-
|
|
186
|
-
$rte-file-browser-dlg-
|
|
187
|
-
$rte-big-
|
|
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-
|
|
169
|
-
$rte-
|
|
170
|
-
$rte-link-dlg-
|
|
171
|
-
$rte-
|
|
172
|
-
$rte-
|
|
173
|
-
$rte-
|
|
174
|
-
$rte-
|
|
175
|
-
$rte-
|
|
176
|
-
|
|
177
|
-
$rte-big-img-
|
|
178
|
-
$rte-img-
|
|
179
|
-
$rte-big-img-
|
|
180
|
-
$rte-
|
|
181
|
-
$rte-big-
|
|
182
|
-
$rte-file-browser-dlg-
|
|
183
|
-
$rte-big-
|
|
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-
|
|
173
|
-
$rte-
|
|
174
|
-
$rte-link-dlg-
|
|
175
|
-
$rte-
|
|
176
|
-
$rte-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-
|
|
179
|
-
$rte-
|
|
180
|
-
|
|
181
|
-
$rte-big-img-
|
|
182
|
-
$rte-img-
|
|
183
|
-
$rte-big-img-
|
|
184
|
-
$rte-
|
|
185
|
-
$rte-big-
|
|
186
|
-
$rte-file-browser-dlg-
|
|
187
|
-
$rte-big-
|
|
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-
|
|
172
|
-
$rte-
|
|
173
|
-
$rte-link-dlg-
|
|
174
|
-
$rte-
|
|
175
|
-
$rte-
|
|
176
|
-
$rte-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-
|
|
179
|
-
|
|
180
|
-
$rte-big-img-
|
|
181
|
-
$rte-img-
|
|
182
|
-
$rte-big-img-
|
|
183
|
-
$rte-
|
|
184
|
-
$rte-big-
|
|
185
|
-
$rte-file-browser-dlg-
|
|
186
|
-
$rte-big-
|
|
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-
|
|
172
|
-
$rte-
|
|
173
|
-
$rte-link-dlg-
|
|
174
|
-
$rte-
|
|
175
|
-
$rte-
|
|
176
|
-
$rte-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-
|
|
179
|
-
|
|
180
|
-
$rte-big-img-
|
|
181
|
-
$rte-img-
|
|
182
|
-
$rte-big-img-
|
|
183
|
-
$rte-
|
|
184
|
-
$rte-big-
|
|
185
|
-
$rte-file-browser-dlg-
|
|
186
|
-
$rte-big-
|
|
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-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-link-dlg-
|
|
179
|
-
$rte-
|
|
180
|
-
$rte-
|
|
181
|
-
$rte-
|
|
182
|
-
$rte-
|
|
183
|
-
$rte-
|
|
184
|
-
|
|
185
|
-
$rte-big-img-
|
|
186
|
-
$rte-img-
|
|
187
|
-
$rte-big-img-
|
|
188
|
-
$rte-
|
|
189
|
-
$rte-big-
|
|
190
|
-
$rte-file-browser-dlg-
|
|
191
|
-
$rte-big-
|
|
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-
|
|
172
|
-
$rte-
|
|
173
|
-
$rte-link-dlg-
|
|
174
|
-
$rte-
|
|
175
|
-
$rte-
|
|
176
|
-
$rte-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-
|
|
179
|
-
|
|
180
|
-
$rte-big-img-
|
|
181
|
-
$rte-img-
|
|
182
|
-
$rte-big-img-
|
|
183
|
-
$rte-
|
|
184
|
-
$rte-big-
|
|
185
|
-
$rte-file-browser-dlg-
|
|
186
|
-
$rte-big-
|
|
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-
|
|
172
|
-
$rte-
|
|
173
|
-
$rte-link-dlg-
|
|
174
|
-
$rte-
|
|
175
|
-
$rte-
|
|
176
|
-
$rte-
|
|
177
|
-
$rte-
|
|
178
|
-
$rte-
|
|
179
|
-
|
|
180
|
-
$rte-big-img-
|
|
181
|
-
$rte-img-
|
|
182
|
-
$rte-big-img-
|
|
183
|
-
$rte-
|
|
184
|
-
$rte-big-
|
|
185
|
-
$rte-file-browser-dlg-
|
|
186
|
-
$rte-big-
|
|
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
|
|