suneditor 3.0.0 → 3.0.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "suneditor",
3
- "version": "3.0.0",
3
+ "version": "3.0.2",
4
4
  "description": "Vanilla JavaScript based WYSIWYG web editor",
5
5
  "author": "Yi JiHong",
6
6
  "license": "MIT",
@@ -72,6 +72,7 @@
72
72
  "check:exports": "node scripts/check/check-exports-sync.cjs",
73
73
  "check:inject": "node scripts/check/gen-button-types.cjs && node scripts/check/inject-plugin-jsdoc.cjs",
74
74
  "check:langs": "cross-env GOOGLE_APPLICATION_CREDENTIALS=./.env/google-api-service-account.json node scripts/check/langs-sync.cjs --auto-translate && npx eslint \"src/langs/*.js\" --fix && npx eslint \"types/langs/_Lang.d.ts\" --fix",
75
+ "repomix": "npx repomix",
75
76
  "update-browserslist": "npx browserslist@latest --update-db"
76
77
  },
77
78
  "bugs": {
@@ -1,24 +1,24 @@
1
1
  .sun-editor,
2
2
  .sun-editor-editable {
3
3
  /** --------------------------- content - [typography] ----------- */
4
- --se-edit-font-size: 13px;
4
+ --se-edit-font-size: 16px;
5
5
  --se-edit-line-height: 1.5em;
6
6
 
7
7
  /** --------------------------- layout - [typography] ----------- */
8
8
  /* main */
9
9
  --se-main-font-family: Helvetica Neue;
10
10
  --se-content-font-family: Helvetica Neue;
11
- --se-main-font-size: 13px;
11
+ --se-main-font-size: 14px;
12
12
 
13
13
  /* codeview, markdown font */
14
14
  --se-markdown-font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
15
15
  --se-codeview-font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
16
16
 
17
17
  /* button */
18
- --se-btn-font-size: 12px;
18
+ --se-btn-font-size: 14px;
19
19
 
20
20
  /* status */
21
- --se-statusbar-font-size: 10px;
21
+ --se-statusbar-font-size: 12px;
22
22
 
23
23
  /* modal */
24
24
  --se-modal-title-font-size: 15px;
@@ -1836,7 +1836,7 @@
1836
1836
  display: flex;
1837
1837
  width: auto;
1838
1838
  height: auto;
1839
- min-height: 18px;
1839
+ min-height: 20px;
1840
1840
  border-top: 1px solid var(--se-main-divider-color);
1841
1841
  padding: 0 4px;
1842
1842
  background-color: var(--se-main-background-color);
@@ -3768,7 +3768,7 @@
3768
3768
  border-radius: var(--se-border-radius);
3769
3769
  background-color: var(--se-main-background-color);
3770
3770
  color: var(--se-main-color);
3771
- font-size: 13px;
3771
+ font-size: var(--se-main-font-size);
3772
3772
  outline: none;
3773
3773
  box-sizing: border-box;
3774
3774
  }
@@ -112,6 +112,8 @@ class Shortcuts {
112
112
  const keyMap = (this.keyMap = new Map());
113
113
  const reverseKeys = this.reverseKeys;
114
114
  for (const key of Object.keys(shortcuts)) {
115
+ // Plugin shortcuts are registered in commandDispatcher.#saveCommandButtons.
116
+ if (this.#$.plugins[key]) continue;
115
117
  const command = key.startsWith('_') ? '' : key;
116
118
  CreateShortcuts(command, null, shortcuts[key], keyMap, reverseCommandArray, reverseKeys);
117
119
  }
@@ -642,7 +642,7 @@ export function InitOptions(options, editorTargets, plugins) {
642
642
  /** Key actions */
643
643
  o.set('tabDisable', !!options.tabDisable);
644
644
  o.set('shortcutsHint', options.shortcutsHint === undefined ? true : !!options.shortcutsHint);
645
- const shortcuts = !(options.shortcutsDisable === undefined ? true : !!options.shortcutsDisable)
645
+ const shortcuts = (options.shortcutsDisable === undefined ? false : !!options.shortcutsDisable)
646
646
  ? {}
647
647
  : [
648
648
  {
@@ -6,7 +6,7 @@ void PluginDropdown;
6
6
 
7
7
  const DEFAULT_UNIT_MAP = {
8
8
  text: {
9
- default: '13px',
9
+ default: '16px',
10
10
  list: [
11
11
  {
12
12
  title: 'XX-Small',
@@ -7,55 +7,55 @@
7
7
  /* caret and placeholder */
8
8
  --se-caret-color: #2b2b2b;
9
9
  --se-drag-caret-color: #0077cc;
10
- --se-placeholder-color: #8c8c8c;
10
+ --se-placeholder-color: #a0a0a0;
11
11
 
12
12
  /* editable text tones */
13
13
  --se-edit-font-color: #2b2b2b;
14
14
  --se-edit-font-pre: #3a3a3a;
15
- --se-edit-font-quote: #555555;
15
+ --se-edit-font-quote: #666666;
16
16
 
17
17
  /* editable surfaces */
18
- --se-edit-background-color: #f8f3e8;
19
- --se-edit-background-pre: #f0eadb;
18
+ --se-edit-background-color: #fffdf5;
19
+ --se-edit-background-pre: #f9f6ed;
20
20
 
21
21
  /* content border scale */
22
- --se-edit-border-light: #c4a06e;
23
- --se-edit-border-dark: #b8956a;
24
- --se-edit-border-dark-n1: #c0a070;
25
- --se-edit-border-dark-n2: #a88a5e;
26
- --se-edit-border-table: #c4a06e;
22
+ --se-edit-border-light: #ddd0b5;
23
+ --se-edit-border-dark: #c8b898;
24
+ --se-edit-border-dark-n1: #d0c0a0;
25
+ --se-edit-border-dark-n2: #c0b090;
26
+ --se-edit-border-table: #ddd0b5;
27
27
 
28
28
  /* links and horizontal rules */
29
29
  --se-edit-anchor: #0066bb;
30
30
  --se-edit-anchor-on-back: #d4e8fc;
31
31
  --se-edit-anchor-on-font: #003366;
32
- --se-edit-hr-color: #b5a48a;
33
- --se-edit-hr-on-back: #c8b898;
32
+ --se-edit-hr-color: #c8bca5;
33
+ --se-edit-hr-on-back: #d8ccb0;
34
34
 
35
35
  /* content interaction states */
36
36
  --se-edit-active: #0077cc;
37
37
  --se-edit-hover: #0088dd;
38
- --se-edit-outline: #c4a06e;
38
+ --se-edit-outline: #d0c0a0;
39
39
 
40
40
  /** --------------------------- layout - [colors] ----------- */
41
- --se-main-out-color: #ebe4d5;
41
+ --se-main-out-color: #f5f0e5;
42
42
  --se-main-color: #2b2b2b;
43
43
  --se-main-color-lighter: #555555;
44
- --se-main-background-color: #f8f3e8;
44
+ --se-main-background-color: #fffdf5;
45
45
  --se-code-view-color: #2b2b2b;
46
46
  --se-main-font-color: #2b2b2b;
47
- --se-code-view-background-color: #fefcf6;
48
- --se-code-view-line-color: #8a7e68;
49
- --se-code-view-line-background-color: #f5f0e0;
47
+ --se-code-view-background-color: #fffef8;
48
+ --se-code-view-line-color: #a09580;
49
+ --se-code-view-line-background-color: #faf7ee;
50
50
  --se-markdown-view-color: #2b2b2b;
51
- --se-markdown-view-background-color: #fefcf6;
52
- --se-markdown-view-line-color: #8a7e68;
53
- --se-markdown-view-line-background-color: #f5f0e0;
54
- --se-main-divider-color: #d5c9b0;
55
- --se-main-border-color: #c4a06e;
56
- --se-main-outline-color: #e0d6c2;
57
- --se-main-shadow-color: #a8997e;
58
- --se-statusbar-font-color: #666666;
51
+ --se-markdown-view-background-color: #fffef8;
52
+ --se-markdown-view-line-color: #a09580;
53
+ --se-markdown-view-line-background-color: #faf7ee;
54
+ --se-main-divider-color: #e5dcc8;
55
+ --se-main-border-color: #d5c5a5;
56
+ --se-main-outline-color: #ece5d5;
57
+ --se-main-shadow-color: #c8bda8;
58
+ --se-statusbar-font-color: #777777;
59
59
  --se-overlay-background-color: rgba(0, 0, 0, 0.3);
60
60
 
61
61
  /* finder */
@@ -96,31 +96,31 @@
96
96
  --se-drag-over-color: #e8a020;
97
97
 
98
98
  /* modal, browser, dropdown surfaces */
99
- --se-modal-background-color: #faf6ed;
99
+ --se-modal-background-color: #fffef8;
100
100
  --se-modal-color: #2b2b2b;
101
- --se-modal-border-color: #c4a06e;
101
+ --se-modal-border-color: #d5c5a5;
102
102
  --se-modal-anchor-color: #0066bb;
103
- --se-modal-preview-color: #666666;
104
- --se-modal-file-input-background-color: #f2ece0;
103
+ --se-modal-preview-color: #777777;
104
+ --se-modal-file-input-background-color: #faf7ee;
105
105
  --se-modal-input-disabled-color: #999999;
106
- --se-modal-input-disabled-background-color: #ede6da;
106
+ --se-modal-input-disabled-background-color: #f5f2ea;
107
107
 
108
108
  /* dropdown text */
109
109
  --se-dropdown-font-color: #2b2b2b;
110
110
 
111
111
  /* media/controller chrome */
112
- --se-controller-border-color: #c4a06e;
113
- --se-controller-background-color: #faf6ed;
112
+ --se-controller-border-color: #d5c5a5;
113
+ --se-controller-background-color: #fffef8;
114
114
  --se-controller-color: #2b2b2b;
115
- --se-shadow-controller-color: rgba(0, 0, 0, 0.18);
115
+ --se-shadow-controller-color: rgba(0, 0, 0, 0.12);
116
116
 
117
117
  /* input-side button states */
118
- --se-input-btn-border-color: #c4a06e;
118
+ --se-input-btn-border-color: #d5c5a5;
119
119
  --se-input-btn-disabled-color: #999999;
120
120
 
121
121
  /* table picker */
122
- --se-table-picker-color: #f2ece0;
123
- --se-table-picker-border-color: #c4a06e;
122
+ --se-table-picker-color: #faf7ee;
123
+ --se-table-picker-border-color: #d5c5a5;
124
124
  --se-table-picker-highlight-color: #c8dfef;
125
125
  --se-table-picker-highlight-border-color: #0077cc;
126
126
 
@@ -147,8 +147,8 @@
147
147
  --se-error-light5-color: #fce8ec;
148
148
 
149
149
  /* document mode palette */
150
- --se-doc-background: #f2ece0;
151
- --se-doc-info-page-font-color: #faf6ed;
150
+ --se-doc-background: #faf7ee;
151
+ --se-doc-info-page-font-color: #fffef8;
152
152
  --se-doc-info-page-background-color: #555555;
153
153
  --se-doc-info-font-color: #555555;
154
154
  --se-doc-info-active-color: #0077cc;