jodit-pro 1.2.1
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/LICENSE.md +3 -0
- package/README.md +80 -0
- package/build/config.js +25 -0
- package/build/jodit.css +1 -0
- package/build/jodit.es5.css +8 -0
- package/build/jodit.es5.js +10 -0
- package/build/jodit.fat.css +1 -0
- package/build/jodit.fat.es5.css +1 -0
- package/build/jodit.fat.es5.js +10 -0
- package/build/jodit.fat.js +10 -0
- package/build/jodit.js +10 -0
- package/build/plugins/autocomplete/autocomplete.css +1 -0
- package/build/plugins/autocomplete/autocomplete.es5.css +1 -0
- package/build/plugins/autocomplete/autocomplete.es5.js +10 -0
- package/build/plugins/autocomplete/autocomplete.js +10 -0
- package/build/plugins/backup/backup.css +1 -0
- package/build/plugins/backup/backup.es5.css +1 -0
- package/build/plugins/backup/backup.es5.js +10 -0
- package/build/plugins/backup/backup.js +10 -0
- package/build/plugins/button-generator/button-generator.css +1 -0
- package/build/plugins/button-generator/button-generator.es5.css +1 -0
- package/build/plugins/button-generator/button-generator.es5.js +10 -0
- package/build/plugins/button-generator/button-generator.js +10 -0
- package/build/plugins/change-case/change-case.es5.js +10 -0
- package/build/plugins/change-case/change-case.js +10 -0
- package/build/plugins/color-picker/color-picker.css +1 -0
- package/build/plugins/color-picker/color-picker.es5.css +1 -0
- package/build/plugins/color-picker/color-picker.es5.js +10 -0
- package/build/plugins/color-picker/color-picker.js +10 -0
- package/build/plugins/emoji/emoji.css +1 -0
- package/build/plugins/emoji/emoji.es5.css +1 -0
- package/build/plugins/emoji/emoji.es5.js +10 -0
- package/build/plugins/emoji/emoji.js +10 -0
- package/build/plugins/finder/finder.css +1 -0
- package/build/plugins/finder/finder.es5.css +1 -0
- package/build/plugins/finder/finder.es5.js +10 -0
- package/build/plugins/finder/finder.js +10 -0
- package/build/plugins/google-search/google-search.es5.js +10 -0
- package/build/plugins/google-search/google-search.js +10 -0
- package/build/plugins/keyboard/keyboard.css +1 -0
- package/build/plugins/keyboard/keyboard.es5.css +1 -0
- package/build/plugins/keyboard/keyboard.es5.js +10 -0
- package/build/plugins/keyboard/keyboard.js +10 -0
- package/build/plugins/paste-code/paste-code.es5.js +10 -0
- package/build/plugins/paste-code/paste-code.js +10 -0
- package/build/plugins/show-blocks/show-blocks.es5.js +10 -0
- package/build/plugins/show-blocks/show-blocks.js +10 -0
- package/build/plugins/tune-block/tune-block.css +1 -0
- package/build/plugins/tune-block/tune-block.es5.css +1 -0
- package/build/plugins/tune-block/tune-block.es5.js +10 -0
- package/build/plugins/tune-block/tune-block.js +10 -0
- package/examples/arabic.lang.html +76 -0
- package/examples/assets/app.css +175 -0
- package/examples/assets/app.js +57 -0
- package/examples/assets/download.jpg +0 -0
- package/examples/assets/icon.png +0 -0
- package/examples/assets/logo.png +0 -0
- package/examples/assets/prism.css +200 -0
- package/examples/assets/prism.js +1254 -0
- package/examples/color-picker.html +139 -0
- package/examples/custom-icons.html +173 -0
- package/examples/custom-toolbar.html +80 -0
- package/examples/example.default.html +75 -0
- package/examples/fullsize.html +75 -0
- package/examples/index.html +176 -0
- package/examples/inline-mode.html +116 -0
- package/examples/oneinstance.html +125 -0
- package/index.html +123 -0
- package/package.json +26 -0
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
* Jodit Editor (https://xdsoft.net/jodit/)
|
|
4
|
+
* License GNU General Public License version 2 or later;
|
|
5
|
+
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
|
|
6
|
+
-->
|
|
7
|
+
<html>
|
|
8
|
+
<head>
|
|
9
|
+
<meta charset="UTF-8"/>
|
|
10
|
+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
|
|
11
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
12
|
+
<title>Jodit Example - Color picker</title>
|
|
13
|
+
<link rel="icon" type="image/png" href="assets/icon.png" />
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<header>
|
|
17
|
+
<nav>
|
|
18
|
+
<ul class="container">
|
|
19
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
20
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
21
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
22
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
23
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
24
|
+
<li>
|
|
25
|
+
<a href="javascript:void(0)">Examples</a>
|
|
26
|
+
<ul id="examples"><!-- see app.js--></ul>
|
|
27
|
+
</li>
|
|
28
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
29
|
+
</ul>
|
|
30
|
+
</nav>
|
|
31
|
+
</header>
|
|
32
|
+
<div id="main_container" class="container">
|
|
33
|
+
<div id="introduction">
|
|
34
|
+
<h3>HTML</h3>
|
|
35
|
+
<pre><code class="language-markup">
|
|
36
|
+
<script src="https://cdn.jsdelivr.net/npm/a-color-picker@1.2.1/dist/acolorpicker.min.js"></script>
|
|
37
|
+
<textarea id="editor"></textarea>
|
|
38
|
+
</code></pre>
|
|
39
|
+
<h3>JavaScript</h3>
|
|
40
|
+
<pre><code class="language-javascript">
|
|
41
|
+
const editor = new Jodit('#area_editor', {
|
|
42
|
+
buttons: 'brush'
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
// After open will add custom buttn in default color-picker
|
|
46
|
+
editor.e.on('afterGenerateColorPicker', (form, extra) => {
|
|
47
|
+
// Make button
|
|
48
|
+
const elm = editor.create.fromHTML('<button class="jodit-ui-button">Custom</button>');
|
|
49
|
+
Jodit.ns.Dom.detach(extra);<br><br>
|
|
50
|
+
extra.appendChild(elm);<br><br>
|
|
51
|
+
//
|
|
52
|
+
let selectedColor = null;
|
|
53
|
+
//
|
|
54
|
+
elm.addEventListener('click', () => {
|
|
55
|
+
// On Click - show dialog witch color-pciker
|
|
56
|
+
const dialog = Jodit.Alert('', 'Select custom color', () => {
|
|
57
|
+
// On Ok apply this color
|
|
58
|
+
if (!selectedColor) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
//
|
|
62
|
+
const style = new Jodit.ns.Style({
|
|
63
|
+
style: {
|
|
64
|
+
color: Jodit.ns.Helpers.colorToHex(selectedColor)
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
//
|
|
68
|
+
style.apply(editor);
|
|
69
|
+
});
|
|
70
|
+
// Init custom color picker for dialog's content element
|
|
71
|
+
AColorPicker
|
|
72
|
+
.from(dialog.dialogbox_content.firstChild)
|
|
73
|
+
.on('change', (picker, color) => {
|
|
74
|
+
selectedColor = color;
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
</code></pre>
|
|
79
|
+
</div>
|
|
80
|
+
<div class="result">
|
|
81
|
+
<textarea id="area_editor"></textarea>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
<footer>
|
|
85
|
+
<nav>
|
|
86
|
+
<ul class="container">
|
|
87
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
88
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
89
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
90
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
91
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
92
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
93
|
+
</ul>
|
|
94
|
+
</nav>
|
|
95
|
+
</footer>
|
|
96
|
+
</body>
|
|
97
|
+
<link rel="stylesheet" href="../build/jodit.min.css"/>
|
|
98
|
+
<link rel="stylesheet" href="assets/app.css"/>
|
|
99
|
+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
|
|
100
|
+
<script src="https://cdn.jsdelivr.net/npm/a-color-picker@1.2.1/dist/acolorpicker.min.js"></script>
|
|
101
|
+
<script src="../build/jodit.min.js"></script>
|
|
102
|
+
<script src="assets/prism.js"></script>
|
|
103
|
+
<script src="assets/app.js"></script>
|
|
104
|
+
<script>
|
|
105
|
+
const editor = new Jodit('#area_editor', {
|
|
106
|
+
buttons: 'brush'
|
|
107
|
+
});
|
|
108
|
+
editor.e.on('afterGenerateColorPicker', (form, extra) => {
|
|
109
|
+
const elm = editor.create.fromHTML('<button class="jodit-ui-button">Custom</button>');
|
|
110
|
+
|
|
111
|
+
Jodit.ns.Dom.detach(extra);
|
|
112
|
+
extra.appendChild(elm);
|
|
113
|
+
|
|
114
|
+
let selectedColor = null;
|
|
115
|
+
|
|
116
|
+
elm.addEventListener('click', () => {
|
|
117
|
+
const dialog = Jodit.Alert('', 'Select custom color', () => {
|
|
118
|
+
if (!selectedColor) {
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
const style = new Jodit.ns.Style({
|
|
123
|
+
style: {
|
|
124
|
+
color: Jodit.ns.Helpers.colorToHex(selectedColor)
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
|
|
128
|
+
style.apply(editor);
|
|
129
|
+
});
|
|
130
|
+
|
|
131
|
+
AColorPicker
|
|
132
|
+
.from(dialog.dialogbox_content.firstChild)
|
|
133
|
+
.on('change', (picker, color) => {
|
|
134
|
+
selectedColor = color;
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
});
|
|
138
|
+
</script>
|
|
139
|
+
</html>
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
* Jodit Editor (https://xdsoft.net/jodit/)
|
|
4
|
+
* License GNU General Public License version 2 or later;
|
|
5
|
+
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
|
|
6
|
+
-->
|
|
7
|
+
<html>
|
|
8
|
+
<head>
|
|
9
|
+
<meta charset="UTF-8"/>
|
|
10
|
+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
|
|
11
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
12
|
+
<title>Jodit Example - Custom Icons</title>
|
|
13
|
+
<link rel="icon" type="image/png" href="assets/icon.png" />
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<header>
|
|
17
|
+
<nav>
|
|
18
|
+
<ul class="container">
|
|
19
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
20
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
21
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
22
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
23
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
24
|
+
<li>
|
|
25
|
+
<a href="javascript:void(0)">Examples</a>
|
|
26
|
+
<ul id="examples"><!-- see app.js--></ul>
|
|
27
|
+
</li>
|
|
28
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
29
|
+
</ul>
|
|
30
|
+
</nav>
|
|
31
|
+
</header>
|
|
32
|
+
<div id="main_container" class="container">
|
|
33
|
+
<div id="introduction">
|
|
34
|
+
<h3>HTML</h3>
|
|
35
|
+
<pre><code class="language-markup">
|
|
36
|
+
<script src="https://use.fontawesome.com/c1f20c2bd7.js"></script>
|
|
37
|
+
<textarea id="editor"></textarea>
|
|
38
|
+
</code></pre>
|
|
39
|
+
<h3>JavaScript</h3>
|
|
40
|
+
<pre><code class="language-javascript">
|
|
41
|
+
var editor = new Jodit('#editor', {
|
|
42
|
+
events: {
|
|
43
|
+
getIcon: function (name, control, clearName) {
|
|
44
|
+
var code = clearName;
|
|
45
|
+
|
|
46
|
+
switch (clearName) {
|
|
47
|
+
case 'redo':
|
|
48
|
+
code = 'rotate-right';
|
|
49
|
+
break;
|
|
50
|
+
case 'video':
|
|
51
|
+
code = 'video-camera';
|
|
52
|
+
break;
|
|
53
|
+
case 'copyformat':
|
|
54
|
+
code = 'clone';
|
|
55
|
+
break;
|
|
56
|
+
case 'about':
|
|
57
|
+
code = 'question';
|
|
58
|
+
break;
|
|
59
|
+
case 'selectall':
|
|
60
|
+
code = 'legal';
|
|
61
|
+
break;
|
|
62
|
+
case 'symbol':
|
|
63
|
+
return '<span style="text-align: center;font-size:14px;">Ω</span>';
|
|
64
|
+
case 'hr':
|
|
65
|
+
code = 'minus';
|
|
66
|
+
break;
|
|
67
|
+
case 'left':
|
|
68
|
+
case 'right':
|
|
69
|
+
case 'justify':
|
|
70
|
+
case 'center':
|
|
71
|
+
code = 'align-' + name;
|
|
72
|
+
break;
|
|
73
|
+
case 'brush':
|
|
74
|
+
code = 'tint';
|
|
75
|
+
break;
|
|
76
|
+
case 'fontsize':
|
|
77
|
+
code = 'text-height';
|
|
78
|
+
break;
|
|
79
|
+
case 'ul':
|
|
80
|
+
case 'ol':
|
|
81
|
+
code = 'list-' + name;
|
|
82
|
+
break;
|
|
83
|
+
case 'source':
|
|
84
|
+
code = 'code';
|
|
85
|
+
break;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
return '<i style="font-size:14px" class="fa fa-' + code + ' fa-xs"></i>';
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
editor.setEditorValue('<p>start</p>')
|
|
93
|
+
</code></pre>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="result">
|
|
96
|
+
<textarea id="area_editor"></textarea>
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
<footer>
|
|
100
|
+
<nav>
|
|
101
|
+
<ul class="container">
|
|
102
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
103
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
104
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
105
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
106
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
107
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
108
|
+
</ul>
|
|
109
|
+
</nav>
|
|
110
|
+
</footer>
|
|
111
|
+
</body>
|
|
112
|
+
<link rel="stylesheet" href="../build/jodit.min.css"/>
|
|
113
|
+
<link rel="stylesheet" href="assets/app.css"/>
|
|
114
|
+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
|
|
115
|
+
<script src="https://use.fontawesome.com/c1f20c2bd7.js"></script>
|
|
116
|
+
|
|
117
|
+
<script src="../build/jodit.min.js"></script>
|
|
118
|
+
<script src="assets/prism.js"></script>
|
|
119
|
+
<script src="assets/app.js"></script>
|
|
120
|
+
<script>
|
|
121
|
+
var editor = new Jodit('#area_editor', {
|
|
122
|
+
events: {
|
|
123
|
+
getIcon: function (name, control, clearName) {
|
|
124
|
+
var code = clearName;
|
|
125
|
+
|
|
126
|
+
switch (clearName) {
|
|
127
|
+
case 'redo':
|
|
128
|
+
code = 'rotate-right';
|
|
129
|
+
break;
|
|
130
|
+
case 'video':
|
|
131
|
+
code = 'video-camera';
|
|
132
|
+
break;
|
|
133
|
+
case 'copyformat':
|
|
134
|
+
code = 'clone';
|
|
135
|
+
break;
|
|
136
|
+
case 'about':
|
|
137
|
+
code = 'question';
|
|
138
|
+
break;
|
|
139
|
+
case 'selectall':
|
|
140
|
+
code = 'legal';
|
|
141
|
+
break;
|
|
142
|
+
case 'symbol':
|
|
143
|
+
return '<span style="text-align: center;font-size:14px;">Ω</span>';
|
|
144
|
+
case 'hr':
|
|
145
|
+
code = 'minus';
|
|
146
|
+
break;
|
|
147
|
+
case 'left':
|
|
148
|
+
case 'right':
|
|
149
|
+
case 'justify':
|
|
150
|
+
case 'center':
|
|
151
|
+
code = 'align-' + name;
|
|
152
|
+
break;
|
|
153
|
+
case 'brush':
|
|
154
|
+
code = 'tint';
|
|
155
|
+
break;
|
|
156
|
+
case 'fontsize':
|
|
157
|
+
code = 'text-height';
|
|
158
|
+
break;
|
|
159
|
+
case 'ul':
|
|
160
|
+
case 'ol':
|
|
161
|
+
code = 'list-' + name;
|
|
162
|
+
break;
|
|
163
|
+
case 'source':
|
|
164
|
+
code = 'code';
|
|
165
|
+
break;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
return '<i style="font-size:14px" class="fa fa-' + code + ' fa-xs"></i>';
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
});
|
|
172
|
+
</script>
|
|
173
|
+
</html>
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
* Jodit Editor (https://xdsoft.net/jodit/)
|
|
4
|
+
* License GNU General Public License version 2 or later;
|
|
5
|
+
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
|
|
6
|
+
-->
|
|
7
|
+
<html>
|
|
8
|
+
<head>
|
|
9
|
+
<meta charset="UTF-8"/>
|
|
10
|
+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
|
|
11
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
12
|
+
<title>Jodit Example</title>
|
|
13
|
+
<link rel="icon" type="image/png" href="assets/icon.png" />
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<header>
|
|
17
|
+
<nav>
|
|
18
|
+
<ul class="container">
|
|
19
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
20
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
21
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
22
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
23
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
24
|
+
<li>
|
|
25
|
+
<a href="javascript:void(0)">Examples</a>
|
|
26
|
+
<ul id="examples"><!-- see app.js--></ul>
|
|
27
|
+
</li>
|
|
28
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
29
|
+
</ul>
|
|
30
|
+
</nav>
|
|
31
|
+
</header>
|
|
32
|
+
<div id="main_container" class="container">
|
|
33
|
+
<div id="introduction">
|
|
34
|
+
<h3>HTML</h3>
|
|
35
|
+
<pre><code class="language-markup">
|
|
36
|
+
<textarea id="editor"></textarea>
|
|
37
|
+
</code></pre>
|
|
38
|
+
<h3>JavaScript</h3>
|
|
39
|
+
<pre><code class="language-javascript">
|
|
40
|
+
var editor = new Jodit('#editor', {
|
|
41
|
+
buttons: 'source,about,print,bold',
|
|
42
|
+
buttonsMD: 'source,about,print',
|
|
43
|
+
buttonsSM: 'source,about',
|
|
44
|
+
buttonsXS: 'source'
|
|
45
|
+
});
|
|
46
|
+
</code></pre>
|
|
47
|
+
</div>
|
|
48
|
+
<div class="result">
|
|
49
|
+
<textarea id="area_editor"></textarea>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<footer>
|
|
53
|
+
<nav>
|
|
54
|
+
<ul class="container">
|
|
55
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
56
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
57
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
58
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
59
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
60
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
61
|
+
</ul>
|
|
62
|
+
</nav>
|
|
63
|
+
</footer>
|
|
64
|
+
</body>
|
|
65
|
+
<link rel="stylesheet" href="../build/jodit.min.css"/>
|
|
66
|
+
<link rel="stylesheet" href="assets/app.css"/>
|
|
67
|
+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
|
|
68
|
+
|
|
69
|
+
<script src="../build/jodit.min.js"></script>
|
|
70
|
+
<script src="assets/prism.js"></script>
|
|
71
|
+
<script src="assets/app.js"></script>
|
|
72
|
+
<script>
|
|
73
|
+
var editor = new Jodit('#area_editor', {
|
|
74
|
+
buttons: 'source,about,print,bold',
|
|
75
|
+
buttonsMD: 'source,about,print',
|
|
76
|
+
buttonsSM: 'source,about',
|
|
77
|
+
buttonsXS: 'source'
|
|
78
|
+
});
|
|
79
|
+
</script>
|
|
80
|
+
</html>
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
* Jodit Editor (https://xdsoft.net/jodit/)
|
|
4
|
+
* License GNU General Public License version 2 or later;
|
|
5
|
+
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
|
|
6
|
+
-->
|
|
7
|
+
<html>
|
|
8
|
+
<head>
|
|
9
|
+
<meta charset="UTF-8"/>
|
|
10
|
+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
|
|
11
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
12
|
+
<title>Jodit Example</title>
|
|
13
|
+
<link rel="icon" type="image/png" href="assets/icon.png" />
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<header>
|
|
17
|
+
<nav>
|
|
18
|
+
<ul class="container">
|
|
19
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
20
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
21
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
22
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
23
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
24
|
+
<li>
|
|
25
|
+
<a href="javascript:void(0)">Examples</a>
|
|
26
|
+
<ul id="examples"><!-- see app.js--></ul>
|
|
27
|
+
</li>
|
|
28
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
29
|
+
</ul>
|
|
30
|
+
</nav>
|
|
31
|
+
</header>
|
|
32
|
+
<div id="main_container" class="container">
|
|
33
|
+
<div id="introduction">
|
|
34
|
+
<h3>HTML</h3>
|
|
35
|
+
<pre><code class="language-markup">
|
|
36
|
+
<textarea id="editor"></textarea>
|
|
37
|
+
</code></pre>
|
|
38
|
+
<h3>JavaScript</h3>
|
|
39
|
+
<pre><code class="language-javascript">
|
|
40
|
+
var editor = new Jodit('#editor', {
|
|
41
|
+
//
|
|
42
|
+
});
|
|
43
|
+
editor.setEditorValue('<p>start</p>')
|
|
44
|
+
</code></pre>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="result">
|
|
47
|
+
<textarea id="area_editor"></textarea>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<footer>
|
|
51
|
+
<nav>
|
|
52
|
+
<ul class="container">
|
|
53
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
54
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
55
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
56
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
57
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
58
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
59
|
+
</ul>
|
|
60
|
+
</nav>
|
|
61
|
+
</footer>
|
|
62
|
+
</body>
|
|
63
|
+
<link rel="stylesheet" href="../build/jodit.min.css"/>
|
|
64
|
+
<link rel="stylesheet" href="assets/app.css"/>
|
|
65
|
+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
|
|
66
|
+
|
|
67
|
+
<script src="../build/jodit.min.js"></script>
|
|
68
|
+
<script src="assets/prism.js"></script>
|
|
69
|
+
<script src="assets/app.js"></script>
|
|
70
|
+
<script>
|
|
71
|
+
var editor = new Jodit('#area_editor', {
|
|
72
|
+
//
|
|
73
|
+
});
|
|
74
|
+
</script>
|
|
75
|
+
</html>
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
* Jodit Editor (https://xdsoft.net/jodit/)
|
|
4
|
+
* License GNU General Public License version 2 or later;
|
|
5
|
+
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
|
|
6
|
+
-->
|
|
7
|
+
<html>
|
|
8
|
+
<head>
|
|
9
|
+
<meta charset="UTF-8"/>
|
|
10
|
+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
|
|
11
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
12
|
+
<title>Jodit in fullsize mode</title>
|
|
13
|
+
<link rel="icon" type="image/png" href="assets/icon.png" />
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<header>
|
|
17
|
+
<nav>
|
|
18
|
+
<ul class="container">
|
|
19
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
20
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
21
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
22
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
23
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
24
|
+
<li>
|
|
25
|
+
<a href="javascript:void(0)">Examples</a>
|
|
26
|
+
<ul id="examples"><!-- see app.js--></ul>
|
|
27
|
+
</li>
|
|
28
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
29
|
+
</ul>
|
|
30
|
+
</nav>
|
|
31
|
+
</header>
|
|
32
|
+
<div id="main_container" class="container">
|
|
33
|
+
<div id="introduction">
|
|
34
|
+
<h3>HTML</h3>
|
|
35
|
+
<pre><code class="language-javascript">
|
|
36
|
+
<textarea id="editor"></textarea>
|
|
37
|
+
</code></pre>
|
|
38
|
+
<h3>JavaScript</h3>
|
|
39
|
+
<pre><code class="language-javascript">
|
|
40
|
+
var editor = new Jodit('#editor', {
|
|
41
|
+
fullsize: true
|
|
42
|
+
});
|
|
43
|
+
editor.setEditorValue('<p>start</p>')
|
|
44
|
+
</code></pre>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="result">
|
|
47
|
+
<textarea id="area_editor"></textarea>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
<footer>
|
|
51
|
+
<nav>
|
|
52
|
+
<ul class="container">
|
|
53
|
+
<li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
|
|
54
|
+
<li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
|
|
55
|
+
<li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
|
|
56
|
+
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
57
|
+
<li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
|
|
58
|
+
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
59
|
+
</ul>
|
|
60
|
+
</nav>
|
|
61
|
+
</footer>
|
|
62
|
+
</body>
|
|
63
|
+
<link rel="stylesheet" href="../build/jodit.min.css"/>
|
|
64
|
+
<link rel="stylesheet" href="assets/app.css"/>
|
|
65
|
+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
|
|
66
|
+
|
|
67
|
+
<script src="../build/jodit.min.js"></script>
|
|
68
|
+
<script src="assets/prism.js"></script>
|
|
69
|
+
<script src="assets/app.js"></script>
|
|
70
|
+
<script>
|
|
71
|
+
var editor = new Jodit('#area_editor', {
|
|
72
|
+
fullsize: true
|
|
73
|
+
});
|
|
74
|
+
</script>
|
|
75
|
+
</html>
|