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.
Files changed (69) hide show
  1. package/LICENSE.md +3 -0
  2. package/README.md +80 -0
  3. package/build/config.js +25 -0
  4. package/build/jodit.css +1 -0
  5. package/build/jodit.es5.css +8 -0
  6. package/build/jodit.es5.js +10 -0
  7. package/build/jodit.fat.css +1 -0
  8. package/build/jodit.fat.es5.css +1 -0
  9. package/build/jodit.fat.es5.js +10 -0
  10. package/build/jodit.fat.js +10 -0
  11. package/build/jodit.js +10 -0
  12. package/build/plugins/autocomplete/autocomplete.css +1 -0
  13. package/build/plugins/autocomplete/autocomplete.es5.css +1 -0
  14. package/build/plugins/autocomplete/autocomplete.es5.js +10 -0
  15. package/build/plugins/autocomplete/autocomplete.js +10 -0
  16. package/build/plugins/backup/backup.css +1 -0
  17. package/build/plugins/backup/backup.es5.css +1 -0
  18. package/build/plugins/backup/backup.es5.js +10 -0
  19. package/build/plugins/backup/backup.js +10 -0
  20. package/build/plugins/button-generator/button-generator.css +1 -0
  21. package/build/plugins/button-generator/button-generator.es5.css +1 -0
  22. package/build/plugins/button-generator/button-generator.es5.js +10 -0
  23. package/build/plugins/button-generator/button-generator.js +10 -0
  24. package/build/plugins/change-case/change-case.es5.js +10 -0
  25. package/build/plugins/change-case/change-case.js +10 -0
  26. package/build/plugins/color-picker/color-picker.css +1 -0
  27. package/build/plugins/color-picker/color-picker.es5.css +1 -0
  28. package/build/plugins/color-picker/color-picker.es5.js +10 -0
  29. package/build/plugins/color-picker/color-picker.js +10 -0
  30. package/build/plugins/emoji/emoji.css +1 -0
  31. package/build/plugins/emoji/emoji.es5.css +1 -0
  32. package/build/plugins/emoji/emoji.es5.js +10 -0
  33. package/build/plugins/emoji/emoji.js +10 -0
  34. package/build/plugins/finder/finder.css +1 -0
  35. package/build/plugins/finder/finder.es5.css +1 -0
  36. package/build/plugins/finder/finder.es5.js +10 -0
  37. package/build/plugins/finder/finder.js +10 -0
  38. package/build/plugins/google-search/google-search.es5.js +10 -0
  39. package/build/plugins/google-search/google-search.js +10 -0
  40. package/build/plugins/keyboard/keyboard.css +1 -0
  41. package/build/plugins/keyboard/keyboard.es5.css +1 -0
  42. package/build/plugins/keyboard/keyboard.es5.js +10 -0
  43. package/build/plugins/keyboard/keyboard.js +10 -0
  44. package/build/plugins/paste-code/paste-code.es5.js +10 -0
  45. package/build/plugins/paste-code/paste-code.js +10 -0
  46. package/build/plugins/show-blocks/show-blocks.es5.js +10 -0
  47. package/build/plugins/show-blocks/show-blocks.js +10 -0
  48. package/build/plugins/tune-block/tune-block.css +1 -0
  49. package/build/plugins/tune-block/tune-block.es5.css +1 -0
  50. package/build/plugins/tune-block/tune-block.es5.js +10 -0
  51. package/build/plugins/tune-block/tune-block.js +10 -0
  52. package/examples/arabic.lang.html +76 -0
  53. package/examples/assets/app.css +175 -0
  54. package/examples/assets/app.js +57 -0
  55. package/examples/assets/download.jpg +0 -0
  56. package/examples/assets/icon.png +0 -0
  57. package/examples/assets/logo.png +0 -0
  58. package/examples/assets/prism.css +200 -0
  59. package/examples/assets/prism.js +1254 -0
  60. package/examples/color-picker.html +139 -0
  61. package/examples/custom-icons.html +173 -0
  62. package/examples/custom-toolbar.html +80 -0
  63. package/examples/example.default.html +75 -0
  64. package/examples/fullsize.html +75 -0
  65. package/examples/index.html +176 -0
  66. package/examples/inline-mode.html +116 -0
  67. package/examples/oneinstance.html +125 -0
  68. package/index.html +123 -0
  69. package/package.json +26 -0
package/examples/index.html ADDED
@@ -0,0 +1,176 @@
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 All options</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
+ &lt;textarea id="editor">&lt;/textarea>
37
+ </code></pre>
38
+ <h3>JavaScript</h3>
39
+ <pre><code class="language-javascript">
40
+ var editor = new Jodit('#editor', {
41
+ zIndex: 0,
42
+ readonly: false,
43
+ activeButtonsInReadOnly: ['source', 'fullsize', 'print', 'about', 'dots'],
44
+ toolbarButtonSize: 'middle',
45
+ theme: 'default',
46
+ saveModeInCookie: false,
47
+ spellcheck: true,
48
+ editorCssClass: false,
49
+ triggerChangeEvent: true,
50
+ width: 'auto',
51
+ height: 'auto',
52
+ minHeight: 100,
53
+ direction: '',
54
+ language: 'auto',
55
+ debugLanguage: false,
56
+ i18n: 'en',
57
+ tabIndex: -1,
58
+ toolbar: true,
59
+ enter: "P",
60
+ defaultMode: Jodit.MODE_WYSIWYG,
61
+ useSplitMode: false,
62
+ colors: {
63
+ greyscale: ['#000000', '#434343', '#666666', '#999999', '#B7B7B7', '#CCCCCC', '#D9D9D9', '#EFEFEF', '#F3F3F3', '#FFFFFF'],
64
+ palette: ['#980000', '#FF0000', '#FF9900', '#FFFF00', '#00F0F0', '#00FFFF', '#4A86E8', '#0000FF', '#9900FF', '#FF00FF'],
65
+ full: [
66
+ '#E6B8AF', '#F4CCCC', '#FCE5CD', '#FFF2CC', '#D9EAD3', '#D0E0E3', '#C9DAF8', '#CFE2F3', '#D9D2E9', '#EAD1DC',
67
+ '#DD7E6B', '#EA9999', '#F9CB9C', '#FFE599', '#B6D7A8', '#A2C4C9', '#A4C2F4', '#9FC5E8', '#B4A7D6', '#D5A6BD',
68
+ '#CC4125', '#E06666', '#F6B26B', '#FFD966', '#93C47D', '#76A5AF', '#6D9EEB', '#6FA8DC', '#8E7CC3', '#C27BA0',
69
+ '#A61C00', '#CC0000', '#E69138', '#F1C232', '#6AA84F', '#45818E', '#3C78D8', '#3D85C6', '#674EA7', '#A64D79',
70
+ '#85200C', '#990000', '#B45F06', '#BF9000', '#38761D', '#134F5C', '#1155CC', '#0B5394', '#351C75', '#733554',
71
+ '#5B0F00', '#660000', '#783F04', '#7F6000', '#274E13', '#0C343D', '#1C4587', '#073763', '#20124D', '#4C1130'
72
+ ]
73
+ },
74
+ colorPickerDefaultTab: 'background',
75
+ imageDefaultWidth: 300,
76
+ removeButtons: [],
77
+ disablePlugins: [],
78
+ extraButtons: [],
79
+ sizeLG: 900,
80
+ sizeMD: 700,
81
+ sizeSM: 400,
82
+ sizeSM: 400,
83
+ buttons: [
84
+ 'source', '|',
85
+ 'bold',
86
+ 'strikethrough',
87
+ 'underline',
88
+ 'italic', '|',
89
+ 'ul',
90
+ 'ol', '|',
91
+ 'outdent', 'indent', '|',
92
+ 'font',
93
+ 'fontsize',
94
+ 'brush',
95
+ 'paragraph', '|',
96
+ 'image',
97
+ 'video',
98
+ 'table',
99
+ 'link', '|',
100
+ 'align', 'undo', 'redo', '|',
101
+ 'hr',
102
+ 'eraser',
103
+ 'copyformat', '|',
104
+ 'symbol',
105
+ 'fullsize',
106
+ 'print',
107
+ 'about'
108
+ ],
109
+ buttonsXS: [
110
+ 'bold',
111
+ 'image', '|',
112
+ 'brush',
113
+ 'paragraph', '|',
114
+ 'align', '|',
115
+ 'undo', 'redo', '|',
116
+ 'eraser',
117
+ 'dots'
118
+ ],
119
+ events: {},
120
+ textIcons: false,
121
+ });
122
+ editor.setEditorValue('&lt;p>start&lt;/p>')
123
+ </code></pre>
124
+ </div>
125
+ <div class="result">
126
+ <textarea id="area_editor"></textarea>
127
+ </div>
128
+ </div>
129
+ <footer>
130
+ <nav>
131
+ <ul class="container">
132
+ <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
133
+ <li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
134
+ <li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
135
+ <li><a href="https://github.com/xdan/jodit/">Github</a></li>
136
+ <li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
137
+ <li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
138
+ </ul>
139
+ </nav>
140
+ </footer>
141
+ </body>
142
+ <link rel="stylesheet" href="../build/jodit.min.css"/>
143
+ <link rel="stylesheet" href="assets/app.css"/>
144
+ <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
145
+
146
+ <script src="../build/jodit.min.js"></script>
147
+ <script src="assets/prism.js"></script>
148
+ <script src="assets/app.js"></script>
149
+ <script>
150
+ var editor = new Jodit('#area_editor', {
151
+ textIcons: false,
152
+ toolbarButtonSize: 'small',
153
+ iframe: false,
154
+ iframeStyle: '*,.jodit-wysiwyg {color:red;}',
155
+ height: 300,
156
+ defaultMode: Jodit.MODE_WYSIWYG,
157
+ observer: {
158
+ timeout: 100
159
+ },
160
+ uploader: {
161
+ url: 'https://xdsoft.net/jodit/connector/index.php?action=fileUpload'
162
+ },
163
+ filebrowser: {
164
+ // buttons: ['list', 'tiles', 'sort'],
165
+ ajax: {
166
+ url: 'https://xdsoft.net/jodit/connector/index.php'
167
+ }
168
+ },
169
+ commandToHotkeys: {
170
+ 'openreplacedialog': 'ctrl+p'
171
+ }
172
+ // buttons: ['symbol'],
173
+ // disablePlugins: 'hotkeys,mobile'
174
+ });
175
+ </script>
176
+ </html>
package/examples/inline-mode.html ADDED
@@ -0,0 +1,116 @@
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>Inline edit 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
+ &lt;div id="area">Some text&lt;/div>
37
+ </code></pre>
38
+ <h3>JavaScript</h3>
39
+ <pre><code class="language-javascript">
40
+ var editor = new Jodit('#area', {
41
+ preset: 'inline'
42
+ })
43
+ </code></pre>
44
+ </div>
45
+ <div class="result">
46
+ <div id="area">
47
+ <p><img style="float:right; margin: 10px;" src="./assets/download.jpg" alt="Itaque nostrum est-quod nostrum dico, artis est-ad ea principia, quae accepimus."></p>
48
+ <h1>Itaque nostrum est-quod nostrum dico, artis est-ad ea principia, quae accepimus.</h1>
49
+
50
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Quonam, inquit, modo?</i> <mark>Illum mallem levares, quo optimum atque humanissimum virum, Cn.</mark> Quae quidem vel cum periculo est quaerenda vobis; Amicitiam autem adhibendam esse censent, quia sit ex eo genere, quae prosunt. <a href="http://loripsum.net/" target="_blank">Duo Reges: constructio interrete.</a> Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. At vero illa, quae Peripatetici, quae Stoici dicunt, semper tibi in ore sunt in iudiciis, in senatu. Dic in quovis conventu te omnia facere, ne doleas. Nummus in Croesi divitiis obscuratur, pars est tamen divitiarum. Isto modo ne improbos quidem, si essent boni viri. Luxuriam non reprehendit, modo sit vacua infinita cupiditate et timore. Sit ista in Graecorum levitate perversitas, qui maledictis insectantur eos, a quibus de veritate dissentiunt. </p>
51
+
52
+ <blockquote cite="http://loripsum.net">
53
+ Nec enim absolvi beata vita sapientis neque ad exitum perduci poterit, si prima quaeque bene ab eo consulta atque facta ipsius oblivione obruentur.
54
+ </blockquote>
55
+
56
+
57
+ <pre>Tum ille: Tu autem cum ipse tantum librorum habeas, quos hic
58
+ tandem requiris?
59
+
60
+ Possumusne ergo in vita summum bonum dicere, cum id ne in
61
+ cena quidem posse videamur?
62
+ </pre>
63
+
64
+
65
+ <ul>
66
+ <li>Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur?</li>
67
+ <li>Quodsi vultum tibi, si incessum fingeres, quo gravior viderere, non esses tui similis;</li>
68
+ </ul>
69
+
70
+
71
+ <ol>
72
+ <li>Qui autem diffidet perpetuitati bonorum suorum, timeat necesse est, ne aliquando amissis illis sit miser.</li>
73
+ <li>Nulla profecto est, quin suam vim retineat a primo ad extremum.</li>
74
+ </ol>
75
+
76
+
77
+ <dl>
78
+ <dt><dfn>Falli igitur possumus.</dfn></dt>
79
+ <dd>Quid enim ab antiquis ex eo genere, quod ad disserendum valet, praetermissum est?</dd>
80
+ <dt><dfn>Scrupulum, inquam, abeunti;</dfn></dt>
81
+ <dd>Scio enim esse quosdam, qui quavis lingua philosophari possint;</dd>
82
+ <dt><dfn>Poterat autem inpune;</dfn></dt>
83
+ <dd>Tum ille: Tu autem cum ipse tantum librorum habeas, quos hic tandem requiris?</dd>
84
+ <dt><dfn>Beatum, inquit.</dfn></dt>
85
+ <dd>Respondeat totidem verbis.</dd>
86
+ </dl>
87
+
88
+ </div>
89
+ </div>
90
+ </div>
91
+ <footer>
92
+ <nav>
93
+ <ul class="container">
94
+ <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
95
+ <li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
96
+ <li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
97
+ <li><a href="https://github.com/xdan/jodit/">Github</a></li>
98
+ <li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
99
+ <li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
100
+ </ul>
101
+ </nav>
102
+ </footer>
103
+ </body>
104
+ <link rel="stylesheet" href="../build/jodit.min.css"/>
105
+ <link rel="stylesheet" href="assets/app.css"/>
106
+ <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
107
+
108
+ <script src="../build/jodit.min.js"></script>
109
+ <script src="assets/prism.js"></script>
110
+ <script src="assets/app.js"></script>
111
+ <script>
112
+ var editor = new Jodit('#area', {
113
+ preset: 'inline'
114
+ });
115
+ </script>
116
+ </html>
package/examples/oneinstance.html ADDED
@@ -0,0 +1,125 @@
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>One Instance 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
+ <p>You can create Jodit only when you need.</p>
35
+ <h3>HTML</h3>
36
+ <pre><code class="language-markup">
37
+ &lt;div class="editor" id="editor1">Some text&lt;/div>
38
+ &lt;div class="editor" id="editor2">Some text&lt;/div>
39
+ &lt;div class="editor" id="editor3">Some text&lt;/div>
40
+ &lt;div class="editor" id="editor4">Some text&lt;/div>
41
+ &lt;div class="editor" id="editor5">Some text&lt;/div>
42
+ &lt;div class="editor" id="editor6">Some text&lt;/div>
43
+ </code></pre>
44
+ <h3>JavaScript</h3>
45
+ <pre><code class="language-javascript">
46
+ var editors = [].slice.call(document.querySelectorAll('.editor'));
47
+ editors.forEach(function (div) {
48
+ div.addEventListener('click', function (e) {
49
+ if (!Jodit.instances[div.id]) {
50
+ Object.keys(Jodit.instances).forEach(function (id) {
51
+ Jodit.instances[id].destruct();
52
+ });
53
+
54
+ var editor = new Jodit(div, {
55
+ preset: 'inline'
56
+ });
57
+
58
+ editor.s.insertCursorAtPoint(e.clientX, e.clientY);
59
+ }
60
+ });
61
+ });
62
+ </code></pre>
63
+ </div>
64
+ <div class="result">
65
+ <div class="editor" id="editor1">Some text</div>
66
+ <div class="editor" id="editor2">Some text</div>
67
+ <div class="editor" id="editor3">Some text</div>
68
+ <div class="editor" id="editor4">Some text</div>
69
+ <div class="editor" id="editor5">Some text</div>
70
+ <div class="editor" id="editor6">Some text</div>
71
+ </div>
72
+ </div>
73
+ <footer>
74
+ <nav>
75
+ <ul class="container">
76
+ <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
77
+ <li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
78
+ <li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
79
+ <li><a href="https://github.com/xdan/jodit/">Github</a></li>
80
+ <li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.MD">Changelog</a></li>
81
+ <li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
82
+ </ul>
83
+ </nav>
84
+ </footer>
85
+ </body>
86
+ <link rel="stylesheet" href="../build/jodit.min.css"/>
87
+ <link rel="stylesheet" href="assets/app.css"/>
88
+ <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
89
+
90
+ <script src="../build/jodit.min.js"></script>
91
+ <script src="assets/prism.js"></script>
92
+ <script src="assets/app.js"></script>
93
+ <style>
94
+ .editor {
95
+ margin-bottom: 10px;
96
+ padding: 10px;
97
+ border: 1px dashed red;
98
+ }
99
+ .editor p{
100
+ margin: 0 0 10px 0;
101
+ }
102
+ .jodit-container, .jodit-container .jodit-workplace {
103
+ min-height: auto;
104
+ }
105
+ </style>
106
+ <script>
107
+ var editors = [].slice.call(document.querySelectorAll('.editor'));
108
+
109
+ editors.forEach(function (div) {
110
+ div.addEventListener('click', function (e) {
111
+ if (!Jodit.instances[div.id]) {
112
+ Object.keys(Jodit.instances).forEach(function (id) {
113
+ Jodit.instances[id].destruct();
114
+ });
115
+
116
+ var editor = new Jodit(div, {
117
+ preset: 'inline'
118
+ });
119
+
120
+ editor.s.insertCursorAtPoint(e.clientX, e.clientY);
121
+ }
122
+ });
123
+ });
124
+ </script>
125
+ </html>
package/index.html ADDED
@@ -0,0 +1,123 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
8
+ />
9
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
10
+ <title>Jodit Pro</title>
11
+ <link rel="stylesheet" href="./build/jodit.css" />
12
+ <link
13
+ href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
14
+ rel="stylesheet"
15
+ />
16
+ </head>
17
+ <body>
18
+ <div class="example-box">
19
+ <h1>
20
+ Jodit PRO <a href="https://xdsoft.net/jodit/pro/">Buy it</a>
21
+ </h1>
22
+ <textarea name="editor" id="editor" cols="50" rows="10"></textarea>
23
+ </div>
24
+ <style>
25
+ html,
26
+ body {
27
+ height: 100%;
28
+ padding: 0;
29
+ margin: 0;
30
+ }
31
+
32
+ body {
33
+ font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica,
34
+ Arial, sans-serif;
35
+ font-size: 16px;
36
+ -webkit-font-smoothing: antialiased;
37
+ font-weight: 300;
38
+ line-height: 1.5;
39
+ text-rendering: optimizelegibility;
40
+ }
41
+
42
+ p,
43
+ h1 {
44
+ margin-top: 0;
45
+ }
46
+
47
+ h1 a {
48
+ color: #5a5a5a;
49
+ }
50
+
51
+ .example-box {
52
+ display: flex;
53
+ min-height: 100%;
54
+ flex-direction: column;
55
+ align-items: center;
56
+ justify-content: center;
57
+ }
58
+ </style>
59
+ <script src="./build/jodit.js"></script>
60
+ <script src="./build/plugins/keyboard/keyboard.js"></script>
61
+ <script src="./config.js"></script>
62
+ <script>
63
+ const editor = new Jodit('#editor', {
64
+ // theme: 'dark',
65
+ // extraPlugins: ['tune-block'],
66
+ language: 'en',
67
+ // toolbar: false,
68
+ // buttons: [],
69
+ // "textIcons": true,
70
+ // disablePlugins: ['xpath'],
71
+ keyboard: {
72
+ // showLayoutSwitcher: false,
73
+ extraKeyButtons: [
74
+ {
75
+ key: 'λ',
76
+ hotkey: 'ctrl+1'
77
+ },
78
+ 'β' // Will have hotkey alt+2
79
+ ]
80
+ },
81
+ uploader: {
82
+ url: 'https://xdsoft.net/jodit/finder/?action=fileUpload'
83
+ },
84
+ filebrowser: {
85
+ ajax: {
86
+ url: 'https://xdsoft.net/jodit/finder/'
87
+ },
88
+ height: 580
89
+ },
90
+ autofocus: true,
91
+ events: {
92
+ afterConstructor: () => {
93
+ // editor.filebrowser.setMod('modal', true).open();
94
+ }
95
+ }
96
+ });
97
+
98
+ editor.waitForReady().then(() => {
99
+ const names = [
100
+ '@mary',
101
+ '@jain',
102
+ '@entany',
103
+ '@isaak',
104
+ '@ivan',
105
+ '@fedya',
106
+ '@yakov',
107
+ '@jhon',
108
+ '@lena',
109
+ '@elvin'
110
+ ];
111
+
112
+ editor.e.fire('registerAutocompleteSource', (query) => {
113
+ return names
114
+ .filter((value) => value.indexOf(query) === 0)
115
+ .map((value) => ({
116
+ title: value,
117
+ value
118
+ }));
119
+ });
120
+ });
121
+ </script>
122
+ </body>
123
+ </html>
package/package.json ADDED
@@ -0,0 +1,26 @@
1
+ {
2
+ "name": "jodit-pro",
3
+ "version": "1.2.1",
4
+ "author": "Chupurnov Valeriy <chupurnov@gmail.com>",
5
+ "homepage": "https://xdsoft.net/jodit/pro/",
6
+ "bugs": {
7
+ "url": "https://xdsoft.net/jodit/pro/cab/issues"
8
+ },
9
+ "description": "PRO Version of Jodit Editor",
10
+ "main": "build/jodit.js",
11
+ "types": "index.d.ts",
12
+ "scripts": {},
13
+ "repository": {
14
+ "type": "git",
15
+ "url": "git+https://github.com/jodit/jodit-pro.git"
16
+ },
17
+ "dependencies": {},
18
+ "devDependencies": {},
19
+ "license": "SEE LICENSE IN LICENSE.md",
20
+ "keywords": [
21
+ "wysiwyg",
22
+ "editor",
23
+ "rich",
24
+ "jodit"
25
+ ]
26
+ }