@_sh/strapi-plugin-ckeditor 2.0.2 → 2.0.4

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 (34) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +448 -448
  3. package/admin/src/components/CKEditorIcon.js +45 -45
  4. package/admin/src/components/Input/CKEditor/configs/base.js +627 -627
  5. package/admin/src/components/Input/CKEditor/configs/blockBaloon.js +25 -25
  6. package/admin/src/components/Input/CKEditor/configs/index.js +11 -11
  7. package/admin/src/components/Input/CKEditor/configs/toolbar.js +17 -17
  8. package/admin/src/components/Input/CKEditor/configs/toolbarBaloon.js +17 -17
  9. package/admin/src/components/Input/CKEditor/configuration.js +165 -165
  10. package/admin/src/components/Input/CKEditor/index.js +119 -119
  11. package/admin/src/components/Input/CKEditor/plugins/StrapiMediaLib.js +43 -43
  12. package/admin/src/components/Input/CKEditor/plugins/StrapiUploadAdapter.js +204 -203
  13. package/admin/src/components/Input/CKEditor/plugins/index.js +1 -1
  14. package/admin/src/components/Input/CKEditor/styling.js +16 -16
  15. package/admin/src/components/Input/CKEditor/theme/additional.js +212 -166
  16. package/admin/src/components/Input/CKEditor/theme/common.js +232 -277
  17. package/admin/src/components/Input/CKEditor/theme/dark.js +144 -144
  18. package/admin/src/components/Input/CKEditor/theme/index.js +12 -12
  19. package/admin/src/components/Input/CKEditor/theme/light.js +135 -135
  20. package/admin/src/components/Input/MediaLib/index.js +78 -78
  21. package/admin/src/components/Input/index.js +47 -47
  22. package/admin/src/index.js +109 -109
  23. package/admin/src/utils/getEditorConfig.js +37 -37
  24. package/admin/src/utils/pluginId.js +4 -4
  25. package/package.json +86 -86
  26. package/server/controllers/config.js +16 -16
  27. package/server/controllers/index.js +7 -7
  28. package/server/index.js +13 -13
  29. package/server/register.js +11 -11
  30. package/server/routes/index.js +15 -15
  31. package/server/services/config.js +19 -19
  32. package/server/services/index.js +7 -7
  33. package/strapi-admin.js +3 -3
  34. package/strapi-server.js +3 -3
package/admin/src/components/Input/CKEditor/theme/additional.js CHANGED
@@ -1,167 +1,213 @@
1
- import { css } from "styled-components";
2
-
3
- export const additional = css`
4
-
5
- /* --- expanding --- */
6
-
7
- .ck.ck-editor__main .ck-blurred {
8
- max-height: 200px;
9
- }
10
- .ck.ck-editor__main .ck-focused {
11
- max-height: 700px;
12
- }
13
-
14
-
15
- /* ---- Style feature config ------------------------------------------------------ */
16
-
17
- :root {
18
- --ck-georgia-serif-font-stack: Georgia,Times,Times New Roman,serif;
19
- }
20
-
21
- .ck-content h1.document-title {
22
- font-family: var(--ck-georgia-serif-font-stack);
23
- font-size: 50px;
24
- font-weight: bold;
25
- border: 0;
26
- }
27
-
28
- .ck-content h2.document-subtitle {
29
- font-family: var(--ck-georgia-serif-font-stack);
30
- font-size: 20px;
31
- font-weight: bold;
32
- color: #d1d1d1;
33
- letter-spacing: 10px;
34
- }
35
-
36
- .ck-content p.callout {
37
- --border-color: #e91e1e;
38
- padding: 1.2em 2em;
39
- border: 1px solid var(--border-color);
40
- border-left: 10px solid var(--border-color);
41
- background: #fff9fb;
42
- border-radius: 5px;
43
- margin: 1.5em 2em;
44
- box-shadow: 5px 5px 0 #ffe6ef;
45
- }
46
-
47
- .ck-content blockquote.side-quote {
48
- font-family: var(--ck-georgia-serif-font-stack);
49
- font-style: normal;
50
- float: right;
51
- width: 35%;
52
- position: relative;
53
- border: 0;
54
- overflow: visible;
55
- z-index: 1;
56
- margin-left: 1em;
57
- }
58
-
59
- .ck-content blockquote.side-quote::before {
60
- content: "“";
61
- position: absolute;
62
- top: -37px;
63
- left: -10px;
64
- display: block;
65
- font-size: 200px;
66
- color: #e7e7e7;
67
- z-index: -1;
68
- line-height: 1;
69
- }
70
-
71
- .ck-content blockquote.side-quote p {
72
- font-size: 2em;
73
- line-height: 1;
74
- }
75
-
76
- .ck-content blockquote.side-quote p:last-child:not(:first-child) {
77
- font-size: 1.3em;
78
- text-align: right;
79
- color: #555;
80
- }
81
-
82
- .ck-content span.needs-clarification {
83
- outline: 1px dashed #c8a24b;
84
- background: #ffe19c;
85
- border-radius: 2px;
86
- position: relative;
87
- }
88
-
89
- .ck-content span.needs-clarification::after {
90
- content: "?";
91
- display: inline-block;
92
- color: #fff;
93
- background: #3b3b3b;
94
- font-size: 12px;
95
- vertical-align: super;
96
- width: 12px;
97
- height: 12px;
98
- line-height: 12px;
99
- border-radius: 10px;
100
- text-align: center;
101
- position: absolute;
102
- right: -6px;
103
- top: -6px;
104
- font-weight: bold;
105
- letter-spacing: initial;
106
- }
107
-
108
- .ck-content span.wide-spacing {
109
- letter-spacing: 0.3em;
110
- }
111
-
112
- .ck-content span.small-caps {
113
- font-variant: small-caps;
114
- }
115
-
116
- .ck-content span.spoiler {
117
- background: #000;
118
- color: #000;
119
- }
120
-
121
- .ck-content span.spoiler:hover {
122
- background: #000;
123
- color: #fff;
124
- }
125
-
126
- .ck-content pre.stylish-code {
127
- border-color: transparent;
128
- margin-left: 2em;
129
- margin-right: 2em;
130
- border-radius: 10px;
131
- }
132
-
133
- .ck-content pre.stylish-code::before {
134
- content: "";
135
- display: block;
136
- height: 13px;
137
- background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NCAxMyI+CiAgPGNpcmNsZSBjeD0iNi41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiNGMzZCNUMiLz4KICA8Y2lyY2xlIGN4PSIyNi41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiNGOUJFNEQiLz4KICA8Y2lyY2xlIGN4PSI0Ny41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiM1NkM0NTMiLz4KPC9zdmc+Cg==);
138
- margin-bottom: 8px;
139
- background-repeat: no-repeat;
140
- }
141
-
142
- .ck-content pre.stylish-code-dark,
143
- .ck-content pre.stylish-code-bright {
144
- padding: 1em;
145
- }
146
-
147
- .ck-content pre.stylish-code-dark {
148
- background: #272822;
149
- box-shadow: 5px 5px 0 #0000001f;
150
- color: white;
151
- }
152
-
153
- .ck-content pre.stylish-code-dark code {
154
- color: white;
155
- }
156
-
157
- .ck-content pre.stylish-code-bright {
158
- background: #dddfe0;
159
- color: #000;
160
- box-shadow: 5px 5px 0 #b3b3b3;
161
- }
162
-
163
- .ck-content pre.stylish-code-bright code {
164
- color: #222;
165
- }
166
-
1
+ import { css } from "styled-components";
2
+
3
+ export const additional = css`
4
+
5
+ /* --- expanding --- */
6
+
7
+ .ck.ck-editor__main .ck-blurred {
8
+ max-height: 200px;
9
+ }
10
+ .ck.ck-editor__main .ck-focused {
11
+ max-height: 700px;
12
+ }
13
+
14
+ /* --- color-grid --- */
15
+
16
+ .ck.ck-color-ui-dropdown {
17
+ --ck-color-grid-tile-size: 22px !important;
18
+ }
19
+ .ck.ck-color-grid__tile{
20
+ width:auto;
21
+ }
22
+ .ck.ck-color-ui-dropdown .ck-color-grid {
23
+ grid-gap: 2px;
24
+ }
25
+ .ck.ck-color-ui-dropdown .ck-color-grid .ck-button {
26
+ border-radius: 2px;
27
+ }
28
+ .ck.ck-color-ui-dropdown .ck.ck-color-grid .ck-color-grid__tile:hover:not(.ck-disabled),
29
+ .ck.ck-color-ui-dropdown .ck.ck-color-grid .ck-color-grid__tile:focus:not(.ck-disabled) {
30
+ z-index: 1;
31
+ transform: scale(1.1);
32
+ border-radius: 2px;
33
+ }
34
+
35
+ /* --- color-picker --- */
36
+
37
+ .ck[dir=rtl] .ck-color-input{
38
+ margin: 0 8px 8px 0 !important;
39
+ padding: 3px 5px 0 0 !important;
40
+ }
41
+
42
+ .ck .ck-color-input{
43
+ margin: 0 0 8px 8px ;
44
+ padding: 3px 0 0 6px;
45
+ border-radius:2px ;
46
+ font-size:.77rem !important;
47
+ width: 58px !important;
48
+ }
49
+ .ck .ck-color-picker{
50
+ margin: 0 3px 8px 3px;
51
+ border-radius:2px !important;
52
+ width: 27px !important;
53
+ }
54
+ .ck .ck-color-picker-save{
55
+ margin: 0 0 8px 0;
56
+ border-radius:2px !important;
57
+ width:27px !important;
58
+ }
59
+
60
+
61
+ /* ---- Style feature config ------------------------------------------------------ */
62
+
63
+ :root {
64
+ --ck-georgia-serif-font-stack: Georgia,Times,Times New Roman,serif;
65
+ }
66
+
67
+ .ck-content h1.document-title {
68
+ font-family: var(--ck-georgia-serif-font-stack);
69
+ font-size: 50px;
70
+ font-weight: bold;
71
+ border: 0;
72
+ }
73
+
74
+ .ck-content h2.document-subtitle {
75
+ font-family: var(--ck-georgia-serif-font-stack);
76
+ font-size: 20px;
77
+ font-weight: bold;
78
+ color: #d1d1d1;
79
+ letter-spacing: 10px;
80
+ }
81
+
82
+ .ck-content p.callout {
83
+ --border-color: #e91e1e;
84
+ padding: 1.2em 2em;
85
+ border: 1px solid var(--border-color);
86
+ border-left: 10px solid var(--border-color);
87
+ background: #fff9fb;
88
+ border-radius: 5px;
89
+ margin: 1.5em 2em;
90
+ box-shadow: 5px 5px 0 #ffe6ef;
91
+ }
92
+
93
+ .ck-content blockquote.side-quote {
94
+ font-family: var(--ck-georgia-serif-font-stack);
95
+ font-style: normal;
96
+ float: right;
97
+ width: 35%;
98
+ position: relative;
99
+ border: 0;
100
+ overflow: visible;
101
+ z-index: 1;
102
+ margin-left: 1em;
103
+ }
104
+
105
+ .ck-content blockquote.side-quote::before {
106
+ content: "“";
107
+ position: absolute;
108
+ top: -37px;
109
+ left: -10px;
110
+ display: block;
111
+ font-size: 200px;
112
+ color: #e7e7e7;
113
+ z-index: -1;
114
+ line-height: 1;
115
+ }
116
+
117
+ .ck-content blockquote.side-quote p {
118
+ font-size: 2em;
119
+ line-height: 1;
120
+ }
121
+
122
+ .ck-content blockquote.side-quote p:last-child:not(:first-child) {
123
+ font-size: 1.3em;
124
+ text-align: right;
125
+ color: #555;
126
+ }
127
+
128
+ .ck-content span.needs-clarification {
129
+ outline: 1px dashed #c8a24b;
130
+ background: #ffe19c;
131
+ border-radius: 2px;
132
+ position: relative;
133
+ }
134
+
135
+ .ck-content span.needs-clarification::after {
136
+ content: "?";
137
+ display: inline-block;
138
+ color: #fff;
139
+ background: #3b3b3b;
140
+ font-size: 12px;
141
+ vertical-align: super;
142
+ width: 12px;
143
+ height: 12px;
144
+ line-height: 12px;
145
+ border-radius: 10px;
146
+ text-align: center;
147
+ position: absolute;
148
+ right: -6px;
149
+ top: -6px;
150
+ font-weight: bold;
151
+ letter-spacing: initial;
152
+ }
153
+
154
+ .ck-content span.wide-spacing {
155
+ letter-spacing: 0.3em;
156
+ }
157
+
158
+ .ck-content span.small-caps {
159
+ font-variant: small-caps;
160
+ }
161
+
162
+ .ck-content span.spoiler {
163
+ background: #000;
164
+ color: #000;
165
+ }
166
+
167
+ .ck-content span.spoiler:hover {
168
+ background: #000;
169
+ color: #fff;
170
+ }
171
+
172
+ .ck-content pre.stylish-code {
173
+ border-color: transparent;
174
+ margin-left: 2em;
175
+ margin-right: 2em;
176
+ border-radius: 10px;
177
+ }
178
+
179
+ .ck-content pre.stylish-code::before {
180
+ content: "";
181
+ display: block;
182
+ height: 13px;
183
+ background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NCAxMyI+CiAgPGNpcmNsZSBjeD0iNi41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiNGMzZCNUMiLz4KICA8Y2lyY2xlIGN4PSIyNi41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiNGOUJFNEQiLz4KICA8Y2lyY2xlIGN4PSI0Ny41IiBjeT0iNi41IiByPSI2LjUiIGZpbGw9IiM1NkM0NTMiLz4KPC9zdmc+Cg==);
184
+ margin-bottom: 8px;
185
+ background-repeat: no-repeat;
186
+ }
187
+
188
+ .ck-content pre.stylish-code-dark,
189
+ .ck-content pre.stylish-code-bright {
190
+ padding: 1em;
191
+ }
192
+
193
+ .ck-content pre.stylish-code-dark {
194
+ background: #272822;
195
+ box-shadow: 5px 5px 0 #0000001f;
196
+ color: white;
197
+ }
198
+
199
+ .ck-content pre.stylish-code-dark code {
200
+ color: white;
201
+ }
202
+
203
+ .ck-content pre.stylish-code-bright {
204
+ background: #dddfe0;
205
+ color: #000;
206
+ box-shadow: 5px 5px 0 #b3b3b3;
207
+ }
208
+
209
+ .ck-content pre.stylish-code-bright code {
210
+ color: #222;
211
+ }
212
+
167
213
  `