jodit 4.0.0-beta.86 → 4.0.0-beta.88
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 +42 -8
- package/README.md +5 -5
- package/es2015/jodit.css +1 -1
- package/es2015/jodit.fat.min.js +2 -2
- package/es2015/jodit.js +46 -43
- package/es2015/jodit.min.js +2 -2
- package/es2015/plugins/debug/debug.js +1 -1
- package/es2015/plugins/debug/debug.min.js +1 -1
- package/es2015/plugins/speech-recognize/speech-recognize.css +1 -1
- package/es2015/plugins/speech-recognize/speech-recognize.js +1 -1
- package/es2015/plugins/speech-recognize/speech-recognize.min.js +1 -1
- package/es2018/jodit.css +1 -1
- package/es2018/jodit.fat.min.js +2 -2
- package/es2018/jodit.js +46 -43
- package/es2018/jodit.min.js +2 -2
- package/es2018/plugins/debug/debug.js +1 -1
- package/es2018/plugins/debug/debug.min.js +1 -1
- package/es2018/plugins/speech-recognize/speech-recognize.css +1 -1
- package/es2018/plugins/speech-recognize/speech-recognize.js +1 -1
- package/es2018/plugins/speech-recognize/speech-recognize.min.js +1 -1
- package/es2021/jodit.css +1 -1
- package/es2021/jodit.fat.min.js +2 -2
- package/es2021/jodit.js +43 -43
- package/es2021/jodit.min.js +2 -2
- package/es2021/plugins/debug/debug.js +1 -1
- package/es2021/plugins/debug/debug.min.js +1 -1
- package/es2021/plugins/speech-recognize/speech-recognize.css +1 -1
- package/es2021/plugins/speech-recognize/speech-recognize.js +1 -1
- package/es2021/plugins/speech-recognize/speech-recognize.min.js +1 -1
- package/es2021.en/jodit.css +1 -1
- package/es2021.en/jodit.fat.min.js +2 -2
- package/es2021.en/jodit.js +43 -43
- package/es2021.en/jodit.min.js +2 -2
- package/es2021.en/plugins/debug/debug.js +1 -1
- package/es2021.en/plugins/debug/debug.min.js +1 -1
- package/es2021.en/plugins/speech-recognize/speech-recognize.css +1 -1
- package/es2021.en/plugins/speech-recognize/speech-recognize.js +1 -1
- package/es2021.en/plugins/speech-recognize/speech-recognize.min.js +1 -1
- package/es5/jodit.css +2 -2
- package/es5/jodit.fat.min.js +2 -2
- package/es5/jodit.js +85 -69
- package/es5/jodit.min.css +2 -2
- package/es5/jodit.min.js +2 -2
- package/es5/plugins/debug/debug.js +1 -1
- package/es5/plugins/debug/debug.min.js +1 -1
- package/es5/plugins/speech-recognize/speech-recognize.css +1 -1
- package/es5/plugins/speech-recognize/speech-recognize.js +1 -1
- package/es5/plugins/speech-recognize/speech-recognize.min.js +1 -1
- package/esm/core/constants.js +1 -1
- package/esm/core/selection/interface.d.ts +5 -0
- package/esm/core/selection/interface.js +6 -1
- package/esm/core/selection/style/commit-style.js +2 -0
- package/esm/core/ui/button/button/button.js +2 -1
- package/esm/core/ui/button/group/group.js +2 -1
- package/esm/core/ui/button/tooltip/tooltip.js +2 -1
- package/esm/core/ui/element.js +2 -1
- package/esm/core/ui/form/block/block.js +2 -1
- package/esm/core/ui/form/form.js +2 -1
- package/esm/core/ui/form/inputs/area/area.js +2 -1
- package/esm/core/ui/form/inputs/checkbox/checkbox.js +2 -1
- package/esm/core/ui/form/inputs/file/file.js +2 -1
- package/esm/core/ui/form/inputs/input/input.js +2 -1
- package/esm/core/ui/form/inputs/select/select.js +2 -1
- package/esm/core/ui/group/group.js +2 -1
- package/esm/core/ui/group/list.js +2 -1
- package/esm/core/ui/group/separator.js +2 -1
- package/esm/core/ui/group/spacer.js +2 -1
- package/esm/core/ui/icon.js +4 -1
- package/esm/core/view/view.js +2 -1
- package/esm/jodit.js +3 -11
- package/esm/modules/context-menu/context-menu.js +2 -1
- package/esm/modules/dialog/dialog.js +2 -1
- package/esm/modules/file-browser/file-browser.js +2 -1
- package/esm/modules/image-editor/image-editor.js +2 -1
- package/esm/modules/messages/message.js +2 -1
- package/esm/modules/messages/messages.js +2 -1
- package/esm/modules/status-bar/status-bar.js +2 -1
- package/esm/modules/toolbar/button/button.js +2 -1
- package/esm/modules/toolbar/button/content.js +2 -1
- package/esm/modules/toolbar/button/select/select.js +2 -1
- package/esm/modules/toolbar/collection/collection.js +2 -1
- package/esm/modules/toolbar/collection/editor-collection.js +2 -1
- package/esm/plugins/backspace/interface.d.ts +9 -8
- package/esm/plugins/resize-handler/resize-handler.js +2 -1
- package/esm/plugins/search/ui/search.js +2 -1
- package/esm/plugins/size/size.js +2 -1
- package/esm/plugins/speech-recognize/helpers/recognize-manager.js +2 -1
- package/esm/plugins/wrap-nodes/wrap-nodes.js +34 -30
- package/examples/arabic.lang.html +111 -64
- package/examples/assets/app.css +1 -3
- package/examples/color-picker.html +122 -72
- package/examples/custom-icons.html +204 -157
- package/examples/custom-toolbar.html +110 -63
- package/examples/example.default.html +4 -3
- package/examples/fullsize.html +107 -60
- package/examples/index.html +6 -5
- package/examples/inline-mode.html +193 -92
- package/examples/oneinstance.html +138 -90
- package/examples/theme.html +6 -5
- package/package.json +1 -1
- package/types/core/selection/interface.d.ts +5 -0
- package/types/plugins/backspace/interface.d.ts +9 -8
- package/examples/assets/prism.css +0 -200
- package/examples/assets/prism.js +0 -1254
|
@@ -4,36 +4,60 @@
|
|
|
4
4
|
* License GNU General Public License version 2 or later;
|
|
5
5
|
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
|
|
6
6
|
-->
|
|
7
|
-
<html>
|
|
8
|
-
<head>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
<
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
7
|
+
<html lang="en-US">
|
|
8
|
+
<head>
|
|
9
|
+
<meta charset="UTF-8" />
|
|
10
|
+
<meta
|
|
11
|
+
name="viewport"
|
|
12
|
+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
|
13
|
+
/>
|
|
14
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
15
|
+
<title>One Instance Jodit Example</title>
|
|
16
|
+
<link rel="icon" type="image/png" href="assets/icon.png" />
|
|
17
|
+
</head>
|
|
18
|
+
<body>
|
|
19
|
+
<header>
|
|
20
|
+
<nav>
|
|
21
|
+
<ul class="container">
|
|
22
|
+
<li>
|
|
23
|
+
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
|
|
24
|
+
</li>
|
|
25
|
+
<li>
|
|
26
|
+
<a href="https://xdsoft.net/jodit/play.html"
|
|
27
|
+
>Playground</a
|
|
28
|
+
>
|
|
29
|
+
</li>
|
|
30
|
+
<li>
|
|
31
|
+
<a href="https://xdsoft.net/jodit/docs/"
|
|
32
|
+
>Documentation</a
|
|
33
|
+
>
|
|
34
|
+
</li>
|
|
35
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
36
|
+
<li>
|
|
37
|
+
<a
|
|
38
|
+
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
|
|
39
|
+
>Changelog</a
|
|
40
|
+
>
|
|
41
|
+
</li>
|
|
42
|
+
<li>
|
|
43
|
+
<a href="#examples">Examples</a>
|
|
44
|
+
<ul id="examples">
|
|
45
|
+
<!-- see app.js-->
|
|
46
|
+
</ul>
|
|
47
|
+
</li>
|
|
48
|
+
<li style="float: right">
|
|
49
|
+
<a href="https://github.com/xdan/jodit/releases/latest"
|
|
50
|
+
>Download</a
|
|
51
|
+
>
|
|
52
|
+
</li>
|
|
53
|
+
</ul>
|
|
54
|
+
</nav>
|
|
55
|
+
</header>
|
|
56
|
+
<div id="main_container" class="container">
|
|
57
|
+
<div id="introduction">
|
|
58
|
+
<p>You can create Jodit only when you need.</p>
|
|
59
|
+
<h3>HTML</h3>
|
|
60
|
+
<pre><code class="language-markup">
|
|
37
61
|
<div class="editor" id="editor1">Some text</div>
|
|
38
62
|
<div class="editor" id="editor2">Some text</div>
|
|
39
63
|
<div class="editor" id="editor3">Some text</div>
|
|
@@ -41,8 +65,8 @@
|
|
|
41
65
|
<div class="editor" id="editor5">Some text</div>
|
|
42
66
|
<div class="editor" id="editor6">Some text</div>
|
|
43
67
|
</code></pre>
|
|
44
|
-
|
|
45
|
-
|
|
68
|
+
<h3>JavaScript</h3>
|
|
69
|
+
<pre><code class="language-javascript">
|
|
46
70
|
var editors = [].slice.call(document.querySelectorAll('.editor'));
|
|
47
71
|
editors.forEach(function (div) {
|
|
48
72
|
div.addEventListener('click', function (e) {
|
|
@@ -60,66 +84,90 @@
|
|
|
60
84
|
});
|
|
61
85
|
});
|
|
62
86
|
</code></pre>
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
</div>
|
|
73
|
-
<footer>
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
</div>
|
|
88
|
+
<div class="result">
|
|
89
|
+
<div class="editor" id="editor1">Some text</div>
|
|
90
|
+
<div class="editor" id="editor2">Some text</div>
|
|
91
|
+
<div class="editor" id="editor3">Some text</div>
|
|
92
|
+
<div class="editor" id="editor4">Some text</div>
|
|
93
|
+
<div class="editor" id="editor5">Some text</div>
|
|
94
|
+
<div class="editor" id="editor6">Some text</div>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
<footer>
|
|
98
|
+
<nav>
|
|
99
|
+
<ul class="container">
|
|
100
|
+
<li>
|
|
101
|
+
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
|
|
102
|
+
</li>
|
|
103
|
+
<li>
|
|
104
|
+
<a href="https://xdsoft.net/jodit/play.html"
|
|
105
|
+
>Playground</a
|
|
106
|
+
>
|
|
107
|
+
</li>
|
|
108
|
+
<li>
|
|
109
|
+
<a href="https://xdsoft.net/jodit/docs/"
|
|
110
|
+
>Documentation</a
|
|
111
|
+
>
|
|
112
|
+
</li>
|
|
113
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
114
|
+
<li>
|
|
115
|
+
<a
|
|
116
|
+
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
|
|
117
|
+
>Changelog</a
|
|
118
|
+
>
|
|
119
|
+
</li>
|
|
120
|
+
<li style="float: right">
|
|
121
|
+
<a href="https://github.com/xdan/jodit/releases/latest"
|
|
122
|
+
>Download</a
|
|
123
|
+
>
|
|
124
|
+
</li>
|
|
125
|
+
</ul>
|
|
126
|
+
</nav>
|
|
127
|
+
</footer>
|
|
128
|
+
</body>
|
|
129
|
+
<link rel="stylesheet" href="./es2015/jodit.min.css" />
|
|
130
|
+
<link rel="stylesheet" href="assets/app.css" />
|
|
131
|
+
<link
|
|
132
|
+
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
|
|
133
|
+
rel="stylesheet"
|
|
134
|
+
/>
|
|
89
135
|
|
|
90
|
-
<script src="./es2015/jodit.min.js"></script>
|
|
91
|
-
<script src="assets/
|
|
92
|
-
<
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
</style>
|
|
106
|
-
<script>
|
|
107
|
-
|
|
136
|
+
<script src="./es2015/jodit.min.js"></script>
|
|
137
|
+
<script src="assets/app.js"></script>
|
|
138
|
+
<style>
|
|
139
|
+
.editor {
|
|
140
|
+
margin-bottom: 10px;
|
|
141
|
+
padding: 10px;
|
|
142
|
+
border: 1px dashed red;
|
|
143
|
+
}
|
|
144
|
+
.editor p {
|
|
145
|
+
margin: 0 0 10px 0;
|
|
146
|
+
}
|
|
147
|
+
.jodit-container,
|
|
148
|
+
.jodit-container .jodit-workplace {
|
|
149
|
+
min-height: auto;
|
|
150
|
+
}
|
|
151
|
+
</style>
|
|
152
|
+
<script>
|
|
153
|
+
var editors = [].slice.call(document.querySelectorAll('.editor'));
|
|
108
154
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
155
|
+
editors.forEach(function (div) {
|
|
156
|
+
div.addEventListener('click', function (e) {
|
|
157
|
+
if (!Jodit.instances[div.id]) {
|
|
158
|
+
Object.keys(Jodit.instances).forEach(function (id) {
|
|
159
|
+
Jodit.instances[id].destruct();
|
|
160
|
+
});
|
|
115
161
|
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
162
|
+
const editor = Jodit.make(div, {
|
|
163
|
+
preset: 'inline'
|
|
164
|
+
});
|
|
119
165
|
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
</script>
|
|
166
|
+
editor.s.insertCursorAtPoint(e.clientX, e.clientY);
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
});
|
|
170
|
+
</script>
|
|
171
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
|
|
172
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
|
|
125
173
|
</html>
|
package/examples/theme.html
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<!--
|
|
3
3
|
* Jodit Editor (https://xdsoft.net/jodit/)
|
|
4
4
|
* License GNU General Public License version 2 or later;
|
|
5
5
|
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
|
|
6
6
|
-->
|
|
7
|
-
<html>
|
|
7
|
+
<html lang="en-US">
|
|
8
8
|
<head>
|
|
9
9
|
<meta charset="UTF-8" />
|
|
10
10
|
<meta
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</code></pre>
|
|
62
62
|
<h3>JavaScript</h3>
|
|
63
63
|
<pre><code class="language-javascript">
|
|
64
|
-
|
|
64
|
+
const editor = Jodit.make('#editor', {
|
|
65
65
|
theme: 'dark'
|
|
66
66
|
});
|
|
67
67
|
editor.value = '<p>start</p>'
|
|
@@ -111,11 +111,12 @@
|
|
|
111
111
|
/>
|
|
112
112
|
|
|
113
113
|
<script src="./es2015/jodit.min.js"></script>
|
|
114
|
-
<script src="assets/prism.js"></script>
|
|
115
114
|
<script src="assets/app.js"></script>
|
|
116
115
|
<script>
|
|
117
|
-
|
|
116
|
+
const editor = Jodit.make('#area_editor', {
|
|
118
117
|
theme: 'dark'
|
|
119
118
|
});
|
|
120
119
|
</script>
|
|
120
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
|
|
121
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
|
|
121
122
|
</html>
|
package/package.json
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Released under MIT see LICENSE.txt in the project root for license information.
|
|
4
4
|
* Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
|
|
5
5
|
*/
|
|
6
|
+
import type { ICommitStyle } from "jodit/esm/types";
|
|
6
7
|
/**
|
|
7
8
|
* @module selection
|
|
8
9
|
*/
|
|
@@ -15,5 +16,9 @@ declare module 'jodit/types/events' {
|
|
|
15
16
|
* true - element is not significant
|
|
16
17
|
*/
|
|
17
18
|
on(event: 'isInvisibleForCursor', callback: (elm: HTMLElement) => void | true): this;
|
|
19
|
+
/**
|
|
20
|
+
* Triggered after the style is applied to the element
|
|
21
|
+
*/
|
|
22
|
+
on(event: 'afterCommitStyle', style: ICommitStyle): this;
|
|
18
23
|
}
|
|
19
24
|
}
|
|
@@ -10,11 +10,12 @@ export type DeleteMode = 'char' | 'word' | 'sentence';
|
|
|
10
10
|
declare module 'jodit/types/events' {
|
|
11
11
|
interface IEventEmitter {
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Enables content preparation prior to deletion, or allows for a complete
|
|
14
|
+
* override of the deletion logic if true is returned.
|
|
14
15
|
*/
|
|
15
16
|
on(event: 'backSpaceBeforeCases', callback: (backspace: boolean, fakeNode: Node) => void | true): this;
|
|
16
17
|
/**
|
|
17
|
-
*
|
|
18
|
+
* Triggers after the Backspace or Delete key has been pressed and processed.
|
|
18
19
|
*/
|
|
19
20
|
on(event: 'backSpaceAfterDelete', callback: (backspace: boolean, fakeNode: Node) => void): this;
|
|
20
21
|
}
|
|
@@ -22,27 +23,27 @@ declare module 'jodit/types/events' {
|
|
|
22
23
|
declare module 'jodit/types/jodit' {
|
|
23
24
|
interface IJodit {
|
|
24
25
|
/**
|
|
25
|
-
* Backspace plugin:
|
|
26
|
+
* Backspace plugin: Deletes the next character or selected text.
|
|
26
27
|
*/
|
|
27
28
|
execCommand(command: 'deleteButton'): void;
|
|
28
29
|
/**
|
|
29
|
-
* Backspace plugin:
|
|
30
|
+
* Backspace plugin: Deletes the previous character or selected text.
|
|
30
31
|
*/
|
|
31
32
|
execCommand(command: 'backspaceButton'): void;
|
|
32
33
|
/**
|
|
33
|
-
* Backspace plugin:
|
|
34
|
+
* Backspace plugin: Deletes the next word or selected text.
|
|
34
35
|
*/
|
|
35
36
|
execCommand(command: 'deleteWordButton'): void;
|
|
36
37
|
/**
|
|
37
|
-
* Backspace plugin:
|
|
38
|
+
* Backspace plugin: Deletes the previous word or selected text.
|
|
38
39
|
*/
|
|
39
40
|
execCommand(command: 'backspaceWordButton'): void;
|
|
40
41
|
/**
|
|
41
|
-
* Backspace plugin:
|
|
42
|
+
* Backspace plugin: Deletes the next sentence or selected text.
|
|
42
43
|
*/
|
|
43
44
|
execCommand(command: 'deleteSentenceButton'): void;
|
|
44
45
|
/**
|
|
45
|
-
* Backspace plugin:
|
|
46
|
+
* Backspace plugin: Deletes the previous sentence or selected text.
|
|
46
47
|
*/
|
|
47
48
|
execCommand(command: 'backspaceSentenceButton'): void;
|
|
48
49
|
}
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
/* PrismJS 1.14.0
|
|
2
|
-
http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+markup-templating+json+php+php-extras&plugins=toolbar+normalize-whitespace+show-language+copy-to-clipboard */
|
|
3
|
-
/**
|
|
4
|
-
* prism.js default theme for JavaScript, CSS and HTML
|
|
5
|
-
* Based on dabblet (http://dabblet.com)
|
|
6
|
-
* @author Lea Verou
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
code[class*="language-"],
|
|
10
|
-
pre[class*="language-"] {
|
|
11
|
-
color: black;
|
|
12
|
-
background: none;
|
|
13
|
-
text-shadow: 0 1px white;
|
|
14
|
-
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
15
|
-
text-align: left;
|
|
16
|
-
white-space: pre;
|
|
17
|
-
word-spacing: normal;
|
|
18
|
-
word-break: normal;
|
|
19
|
-
word-wrap: normal;
|
|
20
|
-
line-height: 1.5;
|
|
21
|
-
|
|
22
|
-
-moz-tab-size: 4;
|
|
23
|
-
-o-tab-size: 4;
|
|
24
|
-
tab-size: 4;
|
|
25
|
-
|
|
26
|
-
-webkit-hyphens: none;
|
|
27
|
-
-moz-hyphens: none;
|
|
28
|
-
-ms-hyphens: none;
|
|
29
|
-
hyphens: none;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
|
33
|
-
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
|
34
|
-
text-shadow: none;
|
|
35
|
-
background: #b3d4fc;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
|
39
|
-
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
|
40
|
-
text-shadow: none;
|
|
41
|
-
background: #b3d4fc;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
@media print {
|
|
45
|
-
code[class*="language-"],
|
|
46
|
-
pre[class*="language-"] {
|
|
47
|
-
text-shadow: none;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/* Code blocks */
|
|
52
|
-
pre[class*="language-"] {
|
|
53
|
-
padding: 1em;
|
|
54
|
-
margin: .5em 0;
|
|
55
|
-
overflow: auto;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
:not(pre) > code[class*="language-"],
|
|
59
|
-
pre[class*="language-"] {
|
|
60
|
-
background: #f5f2f0;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/* Inline code */
|
|
64
|
-
:not(pre) > code[class*="language-"] {
|
|
65
|
-
padding: .1em;
|
|
66
|
-
border-radius: .3em;
|
|
67
|
-
white-space: normal;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.token.comment,
|
|
71
|
-
.token.prolog,
|
|
72
|
-
.token.doctype,
|
|
73
|
-
.token.cdata {
|
|
74
|
-
color: slategray;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.token.punctuation {
|
|
78
|
-
color: #999;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.namespace {
|
|
82
|
-
opacity: .7;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.token.property,
|
|
86
|
-
.token.tag,
|
|
87
|
-
.token.boolean,
|
|
88
|
-
.token.number,
|
|
89
|
-
.token.constant,
|
|
90
|
-
.token.symbol,
|
|
91
|
-
.token.deleted {
|
|
92
|
-
color: #905;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.token.selector,
|
|
96
|
-
.token.attr-name,
|
|
97
|
-
.token.string,
|
|
98
|
-
.token.char,
|
|
99
|
-
.token.builtin,
|
|
100
|
-
.token.inserted {
|
|
101
|
-
color: #690;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.token.operator,
|
|
105
|
-
.token.entity,
|
|
106
|
-
.token.url,
|
|
107
|
-
.language-css .token.string,
|
|
108
|
-
.style .token.string {
|
|
109
|
-
color: #9a6e3a;
|
|
110
|
-
background: hsla(0, 0%, 100%, .5);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.token.atrule,
|
|
114
|
-
.token.attr-value,
|
|
115
|
-
.token.keyword {
|
|
116
|
-
color: #07a;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.token.function,
|
|
120
|
-
.token.class-name {
|
|
121
|
-
color: #DD4A68;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.token.regex,
|
|
125
|
-
.token.important,
|
|
126
|
-
.token.variable {
|
|
127
|
-
color: #e90;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.token.important,
|
|
131
|
-
.token.bold {
|
|
132
|
-
font-weight: bold;
|
|
133
|
-
}
|
|
134
|
-
.token.italic {
|
|
135
|
-
font-style: italic;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.token.entity {
|
|
139
|
-
cursor: help;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
div.code-toolbar {
|
|
143
|
-
position: relative;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
div.code-toolbar > .toolbar {
|
|
147
|
-
position: absolute;
|
|
148
|
-
top: .3em;
|
|
149
|
-
right: .2em;
|
|
150
|
-
transition: opacity 0.3s ease-in-out;
|
|
151
|
-
opacity: 0;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
div.code-toolbar:hover > .toolbar {
|
|
155
|
-
opacity: 1;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
div.code-toolbar > .toolbar .toolbar-item {
|
|
159
|
-
display: inline-block;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
div.code-toolbar > .toolbar a {
|
|
163
|
-
cursor: pointer;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
div.code-toolbar > .toolbar button {
|
|
167
|
-
background: none;
|
|
168
|
-
border: 0;
|
|
169
|
-
color: inherit;
|
|
170
|
-
font: inherit;
|
|
171
|
-
line-height: normal;
|
|
172
|
-
overflow: visible;
|
|
173
|
-
padding: 0;
|
|
174
|
-
-webkit-user-select: none; /* for button */
|
|
175
|
-
-moz-user-select: none;
|
|
176
|
-
-ms-user-select: none;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
div.code-toolbar > .toolbar a,
|
|
180
|
-
div.code-toolbar > .toolbar button,
|
|
181
|
-
div.code-toolbar > .toolbar span {
|
|
182
|
-
color: #bbb;
|
|
183
|
-
font-size: .8em;
|
|
184
|
-
padding: 0 .5em;
|
|
185
|
-
background: #f5f2f0;
|
|
186
|
-
background: rgba(224, 224, 224, 0.2);
|
|
187
|
-
box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
|
|
188
|
-
border-radius: .5em;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
div.code-toolbar > .toolbar a:hover,
|
|
192
|
-
div.code-toolbar > .toolbar a:focus,
|
|
193
|
-
div.code-toolbar > .toolbar button:hover,
|
|
194
|
-
div.code-toolbar > .toolbar button:focus,
|
|
195
|
-
div.code-toolbar > .toolbar span:hover,
|
|
196
|
-
div.code-toolbar > .toolbar span:focus {
|
|
197
|
-
color: inherit;
|
|
198
|
-
text-decoration: none;
|
|
199
|
-
}
|
|
200
|
-
|