suneditor 3.0.0-alpha.13 → 3.0.0-alpha.15
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/dist/suneditor.min.css +1 -1
- package/dist/suneditor.min.js +1 -1
- package/package.json +2 -1
- package/src/assets/icons/_default.js +9 -2
- package/src/assets/suneditor-contents.css +9 -22
- package/src/assets/suneditor.css +317 -183
- package/src/assets/variables.css +137 -0
- package/src/core/base/eventHandlers/handler_toolbar.js +1 -0
- package/src/core/base/eventHandlers/handler_ww_dragDrop.js +9 -2
- package/src/core/base/eventHandlers/handler_ww_key_input.js +1 -1
- package/src/core/base/eventManager.js +5 -0
- package/src/core/class/component.js +12 -8
- package/src/core/class/html.js +5 -5
- package/src/core/class/offset.js +11 -3
- package/src/core/class/selection.js +5 -4
- package/src/core/class/toolbar.js +1 -5
- package/src/core/class/viewer.js +29 -7
- package/src/core/editor.js +61 -1
- package/src/core/section/actives.js +5 -0
- package/src/core/section/constructor.js +35 -19
- package/src/core/section/documentType.js +143 -19
- package/src/helper/domUtils.js +5 -4
- package/src/langs/en.js +5 -0
- package/src/modules/Modal.js +108 -1
- package/src/plugins/command/exportPdf.js +1 -1
- package/src/plugins/command/list_bulleted.js +1 -1
- package/src/plugins/command/list_numbered.js +1 -1
- package/src/plugins/index.js +6 -0
- package/src/plugins/input/fontSize.js +3 -3
- package/src/plugins/input/pageNavigator.js +47 -0
- package/src/plugins/modal/drawing.js +426 -0
- package/src/plugins/modal/image.js +3 -2
- package/src/plugins/modal/math.js +72 -34
- package/src/themes/dark-variables.css +85 -0
- package/src/themes/test.css +0 -61
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
.sun-editor.se-theme-dark,
|
|
2
|
+
.sun-editor-editable.se-theme-dark {
|
|
3
|
+
/** --------- editable - styles --------- */
|
|
4
|
+
--se-edit-font-color: #ccc;
|
|
5
|
+
--se-edit-font-pre: #aaa;
|
|
6
|
+
--se-edit-font-quote: #888;
|
|
7
|
+
--se-edit-background-color: #1e1e1e;
|
|
8
|
+
--se-edit-background-pre: #2a2a2a;
|
|
9
|
+
--se-edit-border-light: #555;
|
|
10
|
+
--se-edit-border-dark: #444;
|
|
11
|
+
--se-edit-border-dark-n1: #555;
|
|
12
|
+
--se-edit-border-dark-n2: #666;
|
|
13
|
+
--se-edit-anchor: #77aaff;
|
|
14
|
+
--se-edit-anchor-on-back: #004cff;
|
|
15
|
+
--se-edit-anchor-on-font: #e8f7ff;
|
|
16
|
+
--se-edit-hr-color: #ccc;
|
|
17
|
+
--se-edit-hr-on-back: #2a2a2a;
|
|
18
|
+
--se-edit-active: #77aaff;
|
|
19
|
+
--se-edit-hover: #5599ff;
|
|
20
|
+
--se-edit-outline: #444;
|
|
21
|
+
|
|
22
|
+
/** --------- editor - styles --------- */
|
|
23
|
+
--se-main-out-color: #444;
|
|
24
|
+
--se-main-color: #ccc;
|
|
25
|
+
--se-main-color-lighter: #aaa;
|
|
26
|
+
--se-main-background-color: #1e1e1e;
|
|
27
|
+
--se-main-background-color2: #2a2a2a;
|
|
28
|
+
--se-main-background-color3: #333;
|
|
29
|
+
--se-main-font-color: #ccc;
|
|
30
|
+
--se-main-font-color2: #ddd;
|
|
31
|
+
--se-main-divider-color: #555;
|
|
32
|
+
--se-main-border-color: #666;
|
|
33
|
+
--se-main-outline-color: #444;
|
|
34
|
+
--se-main-shadow-color: #222;
|
|
35
|
+
--se-statusbar-font-color: #aaa;
|
|
36
|
+
--se-overlay-background-color: #111;
|
|
37
|
+
--se-active-color: #77aaff;
|
|
38
|
+
--se-active-dark-color: #5599ff;
|
|
39
|
+
--se-active-dark2-color: #407dd1;
|
|
40
|
+
--se-active-dark3-color: #77aaff;
|
|
41
|
+
--se-active-dark4-color: #5599ff;
|
|
42
|
+
--se-active-dark5-color: #004cff;
|
|
43
|
+
--se-active-light-color: #002244;
|
|
44
|
+
--se-active-light2-color: #003366;
|
|
45
|
+
--se-active-light3-color: #004488;
|
|
46
|
+
--se-active-light4-color: #0055aa;
|
|
47
|
+
--se-active-light5-color: #0066cc;
|
|
48
|
+
--se-active-light6-color: #0077ee;
|
|
49
|
+
--se-drag-over-color: #ffcc00;
|
|
50
|
+
--se-modal-border-color: #555;
|
|
51
|
+
--se-modal-anchor-color: #77aaff;
|
|
52
|
+
--se-modal-preview-color: #aaa;
|
|
53
|
+
--se-modal-input-disabled-color: #666;
|
|
54
|
+
--se-modal-input-disabled-background-color: #333;
|
|
55
|
+
--se-dropdown-font-color: #ccc;
|
|
56
|
+
--se-controller-border-color: #555;
|
|
57
|
+
--se-input-btn-border-color: #444;
|
|
58
|
+
--se-input-btn-disabled-color: #666;
|
|
59
|
+
--se-success-color: #33cc33;
|
|
60
|
+
--se-success-dark-color: #2a7a2a;
|
|
61
|
+
--se-success-dark2-color: #207a20;
|
|
62
|
+
--se-success-dark3-color: #1a661a;
|
|
63
|
+
--se-success-light-color: #00ff00;
|
|
64
|
+
--se-success-light2-color: #00cc00;
|
|
65
|
+
--se-success-light3-color: #009900;
|
|
66
|
+
--se-success-light4-color: #006600;
|
|
67
|
+
--se-success-light5-color: #003300;
|
|
68
|
+
--se-error-color: #ff6666;
|
|
69
|
+
--se-error-dark-color: #b24a48;
|
|
70
|
+
--se-error-dark2-color: #993333;
|
|
71
|
+
--se-error-dark3-color: #662222;
|
|
72
|
+
--se-error-light-color: #ff9999;
|
|
73
|
+
--se-error-light2-color: #ffcccc;
|
|
74
|
+
--se-error-light3-color: #ff3333;
|
|
75
|
+
--se-error-light4-color: #ff0000;
|
|
76
|
+
--se-error-light5-color: #cc0000;
|
|
77
|
+
--se-doc-background: #2a2a2a;
|
|
78
|
+
--se-doc-info-font-color: #ccc;
|
|
79
|
+
--se-doc-info-page-background-color: #444;
|
|
80
|
+
--se-doc-info-active-color: #77aaff;
|
|
81
|
+
--se-loading-color: #77aaff;
|
|
82
|
+
--se-show-blocks-color: #5599ff;
|
|
83
|
+
--se-show-blocks-li-color: #d539ff;
|
|
84
|
+
--se-show-blocks-pre-color: #27c022;
|
|
85
|
+
}
|
package/src/themes/test.css
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
.sun-editor button > svg,
|
|
2
|
-
.sun-editor .se-svg {
|
|
3
|
-
width: 14px;
|
|
4
|
-
height: 14px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
/** se-btn button */
|
|
8
|
-
.sun-editor .se-btn {
|
|
9
|
-
width: 32px;
|
|
10
|
-
font-size: 12px;
|
|
11
|
-
line-height: 1.8;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.sun-editor .close > svg,
|
|
15
|
-
.sun-editor .se-modal .se-close-btn > svg {
|
|
16
|
-
width: 10px;
|
|
17
|
-
height: 10px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/* se-select-btn icon */
|
|
21
|
-
.sun-editor .se-btn-select > svg {
|
|
22
|
-
width: 8px;
|
|
23
|
-
height: 8px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/* se-btn-list inner icon */
|
|
27
|
-
.sun-editor .se-btn-list > .se-list-icon {
|
|
28
|
-
width: 12px;
|
|
29
|
-
height: 14px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/* modal */
|
|
33
|
-
.sun-editor .se-modal .se-modal-inner .se-modal-form input,
|
|
34
|
-
.sun-editor .se-modal .se-modal-inner .se-modal-form select {
|
|
35
|
-
height: 32px;
|
|
36
|
-
font-size: 13px;
|
|
37
|
-
line-height: 1.7;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.sun-editor .se-modal .se-modal-inner .se-modal-content .se-btn-primary {
|
|
41
|
-
padding: 5px 11px;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.sun-editor .se-modal .se-modal-inner .se-modal-footer > div {
|
|
45
|
-
line-height: 1.7;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.sun-editor .se-line-breaker-component {
|
|
49
|
-
width: 22px;
|
|
50
|
-
height: 22px;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.sun-editor .se-modal label,
|
|
54
|
-
.sun-editor .se-modal input,
|
|
55
|
-
.sun-editor .se-modal button {
|
|
56
|
-
font-size: 14px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.sun-editor .se-modal .se-modal-inner .se-modal-header .se-modal-title {
|
|
60
|
-
font-size: 15px;
|
|
61
|
-
}
|