@cocreate/text 1.20.12 → 1.20.14

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 (21) hide show
  1. package/.github/FUNDING.yml +3 -3
  2. package/.github/workflows/automated.yml +95 -95
  3. package/.github/workflows/manual.yml +44 -44
  4. package/CHANGELOG.md +1805 -1790
  5. package/CONTRIBUTING.md +96 -96
  6. package/CoCreate.config.js +26 -26
  7. package/LICENSE +683 -683
  8. package/README.md +97 -97
  9. package/demo/custom-rich-text.html +277 -277
  10. package/demo/demos.1.html +24 -24
  11. package/demo/demos.html +38 -38
  12. package/demo/index.html +74 -74
  13. package/demo/test-webpage.html +376 -376
  14. package/docs/index.html +276 -276
  15. package/package.json +11 -11
  16. package/release.config.js +21 -21
  17. package/src/index.js +470 -470
  18. package/src/saveDomText.js +32 -32
  19. package/src/updateDom.js +208 -208
  20. package/src/updateText.js +79 -79
  21. package/webpack.config.js +84 -84
package/demo/custom-rich-text.html CHANGED
@@ -1,277 +1,277 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Rich Text Editor</title>
5
- <script type="text/javascript">
6
- var oDoc, sDefTxt;
7
-
8
- function initDoc() {
9
- oDoc = document.getElementById("textBox");
10
- sDefTxt = oDoc.innerHTML;
11
- if (document.compForm.switchMode.checked) {
12
- setDocMode(true);
13
- }
14
- }
15
-
16
- function formatDoc(sCmd, sValue) {
17
- if (validateMode()) {
18
- document.execCommand(sCmd, false, sValue);
19
- oDoc.focus();
20
- }
21
- }
22
-
23
- function validateMode() {
24
- if (!document.compForm.switchMode.checked) {
25
- return true;
26
- }
27
- alert('Uncheck "Show HTML".');
28
- oDoc.focus();
29
- return false;
30
- }
31
-
32
- function setDocMode(bToSource) {
33
- var oContent;
34
- if (bToSource) {
35
- oContent = document.createTextNode(oDoc.innerHTML);
36
- oDoc.innerHTML = "";
37
- var oPre = document.createElement("pre");
38
- oDoc.contentEditable = false;
39
- oPre.id = "sourceText";
40
- oPre.contentEditable = true;
41
- oPre.appendChild(oContent);
42
- oDoc.appendChild(oPre);
43
- document.execCommand(
44
- "defaultParagraphSeparator",
45
- false,
46
- "div"
47
- );
48
- } else {
49
- if (document.all) {
50
- oDoc.innerHTML = oDoc.innerText;
51
- } else {
52
- oContent = document.createRange();
53
- oContent.selectNodeContents(oDoc.firstChild);
54
- oDoc.innerHTML = oContent.toString();
55
- }
56
- oDoc.contentEditable = true;
57
- }
58
- oDoc.focus();
59
- }
60
-
61
- function printDoc() {
62
- if (!validateMode()) {
63
- return;
64
- }
65
- var oPrntWin = window.open(
66
- "",
67
- "_blank",
68
- "width=450,height=470,left=400,top=100,menubar=yes,toolbar=no,location=no,scrollbars=yes"
69
- );
70
- oPrntWin.document.open();
71
- oPrntWin.document.write(`
72
- <!doctype html><html><head><title>Print<\/title><\/head><body onload="print();">' +
73
- oDoc.innerHTML +
74
- "<\/body><\/html>"
75
- `);
76
- oPrntWin.document.close();
77
- }
78
- </script>
79
- <style type="text/css">
80
- .intLink {
81
- cursor: pointer;
82
- }
83
- img.intLink {
84
- border: 0;
85
- }
86
- #toolBar1 select {
87
- font-size: 10px;
88
- }
89
- #textBox {
90
- width: 540px;
91
- height: 200px;
92
- border: 1px #000000 solid;
93
- padding: 12px;
94
- overflow: scroll;
95
- }
96
- #textBox #sourceText {
97
- padding: 0;
98
- margin: 0;
99
- min-width: 498px;
100
- min-height: 200px;
101
- }
102
- #editMode label {
103
- cursor: pointer;
104
- }
105
- </style>
106
- <link rel="manifest" href="/manifest.webmanifest" />
107
- </head>
108
- <body onload="initDoc();">
109
- <form
110
- name="compForm"
111
- method="post"
112
- action="sample.php"
113
- onsubmit="if (validateMode()){this.myDoc.value=oDoc.innerHTML;return true;}return false;">
114
- <input type="hidden" name="myDoc" />
115
- <div id="toolBar1">
116
- <select
117
- onchange="formatDoc('formatblock',this[this.selectedIndex].value);this.selectedIndex=0;">
118
- <option selected>- formatting -</option>
119
- <option value="h1">Title 1 &lt;h1&gt;</option>
120
- <option value="h2">Title 2 &lt;h2&gt;</option>
121
- <option value="h3">Title 3 &lt;h3&gt;</option>
122
- <option value="h4">Title 4 &lt;h4&gt;</option>
123
- <option value="h5">Title 5 &lt;h5&gt;</option>
124
- <option value="h6">Subtitle &lt;h6&gt;</option>
125
- <option value="p">Paragraph &lt;p&gt;</option>
126
- <option value="pre">Preformatted &lt;pre&gt;</option>
127
- </select>
128
- <select
129
- onchange="formatDoc('fontname',this[this.selectedIndex].value);this.selectedIndex=0;">
130
- <option class="heading" selected>- font -</option>
131
- <option>Arial</option>
132
- <option>Arial Black</option>
133
- <option>Courier New</option>
134
- <option>Times New Roman</option>
135
- </select>
136
- <select
137
- onchange="formatDoc('fontsize',this[this.selectedIndex].value);this.selectedIndex=0;">
138
- <option class="heading" selected>- size -</option>
139
- <option value="1">Very small</option>
140
- <option value="2">A bit small</option>
141
- <option value="3">Normal</option>
142
- <option value="4">Medium-large</option>
143
- <option value="5">Big</option>
144
- <option value="6">Very big</option>
145
- <option value="7">Maximum</option>
146
- </select>
147
- <select
148
- onchange="formatDoc('forecolor',this[this.selectedIndex].value);this.selectedIndex=0;">
149
- <option class="heading" selected>- color -</option>
150
- <option value="red">Red</option>
151
- <option value="blue">Blue</option>
152
- <option value="green">Green</option>
153
- <option value="black">Black</option>
154
- </select>
155
- <select
156
- onchange="formatDoc('backcolor',this[this.selectedIndex].value);this.selectedIndex=0;">
157
- <option class="heading" selected>- background -</option>
158
- <option value="red">Red</option>
159
- <option value="green">Green</option>
160
- <option value="black">Black</option>
161
- </select>
162
- </div>
163
- <div id="toolBar2">
164
- <img
165
- class="intLink"
166
- title="Clean"
167
- onclick="if (validateMode()&&confirm('Are you sure?')){oDoc.innerHTML=sDefTxt};"
168
- src="data:image/gif;base64,R0lGODlhFgAWAIQbAD04KTRLYzFRjlldZl9vj1dusY14WYODhpWIbbSVFY6O7IOXw5qbms+wUbCztca0ccS4kdDQjdTLtMrL1O3YitHa7OPcsd/f4PfvrvDv8Pv5xv///////////////////yH5BAEKAB8ALAAAAAAWABYAAAV84CeOZGmeaKqubMteyzK547QoBcFWTm/jgsHq4rhMLoxFIehQQSAWR+Z4IAyaJ0kEgtFoLIzLwRE4oCQWrxoTOTAIhMCZ0tVgMBQKZHAYyFEWEV14eQ8IflhnEHmFDQkAiSkQCI2PDC4QBg+OAJc0ewadNCOgo6anqKkoIQA7" />
169
- <img
170
- class="intLink"
171
- title="Print"
172
- onclick="printDoc();"
173
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oEBxcZFmGboiwAAAAIdEVYdENvbW1lbnQA9syWvwAAAuFJREFUOMvtlUtsjFEUx//n3nn0YdpBh1abRpt4LFqtqkc3jRKkNEIsiIRIBBEhJJpKlIVo4m1RRMKKjQiRMJRUqUdKPT71qpIpiRKPaqdF55tv5vvusZjQTjOlseUkd3Xu/3dPzusC/22wtu2wRn+jG5So/OCDh8ycMJDflehMlkJkVK7KUYN+ufzA/RttH76zaVocDptRxzQtNi3mRWuPc+6cKtlXZ/sddP2uu9uXlmYXZ6Qm8v4Tz8lhF1H+zDQXt7S8oLMXtbF4e8QaFHjj3kbP2MzkktHpiTjp9VH6iHiA+whtAsX5brpwueMGdONdf/2A4M7ukDs1JW662+XkqTkeUoqjKtOjm2h53YFL15pSJ04Zc94wdtibr26fXlC2mzRvBccEbz2kiRFD414tKMlEZbVGT33+qCoHgha81SWYsew0r1uzfNylmtpx80pngQQ91LwVk2JGvGnfvZG6YcYRAT16GFtW5kKKfo1EQLtfh5Q2etT0BIWF+aitq4fDbk+ImYo1OxvGF03waFJQvBCkvDffRyEtxQiFFYgAZTHS0zwAGD7fG5TNnYNTp8/FzvGwJOfmgG7GOx0SAKKgQgDMgKBI0NJGMEImpGDk5+WACEwEd0ywblhGUZ4Hw5OdUekRBLT7DTgdEgxACsIznx8zpmWh7k4rkpJcuHDxCul6MDsmmBXDlWCH2+XozSgBnzsNCEE4euYV4pwCpsWYPW0UHDYBKSWu1NYjENDReqtKjwn2+zvtTc1vMSTB/mvev/WEYSlASsLimcOhOBJxw+N3aP/SjefNL5GePZmpu4kG7OPr1+tOfPyUu3BecWYKcwQcDFmwFKAUo90fhKDInBCAmvqnyMgqUEagQwCoHBDc1rjv9pIlD8IbVkz6qYViIBQGTJPx4k0XpIgEZoRN1Da0cij4VfR0ta3WvBXH/rjdCufv6R2zPgPH/e4pxSBCpeatqPrjNiso203/5s/zA171Mv8+w1LOAAAAAElFTkSuQmCC" />
174
- <img
175
- class="intLink"
176
- title="Undo"
177
- onclick="formatDoc('undo');"
178
- src="data:image/gif;base64,R0lGODlhFgAWAOMKADljwliE33mOrpGjuYKl8aezxqPD+7/I19DV3NHa7P///////////////////////yH5BAEKAA8ALAAAAAAWABYAAARR8MlJq7046807TkaYeJJBnES4EeUJvIGapWYAC0CsocQ7SDlWJkAkCA6ToMYWIARGQF3mRQVIEjkkSVLIbSfEwhdRIH4fh/DZMICe3/C4nBQBADs=" />
179
- <img
180
- class="intLink"
181
- title="Redo"
182
- onclick="formatDoc('redo');"
183
- src="data:image/gif;base64,R0lGODlhFgAWAMIHAB1ChDljwl9vj1iE34Kl8aPD+7/I1////yH5BAEKAAcALAAAAAAWABYAAANKeLrc/jDKSesyphi7SiEgsVXZEATDICqBVJjpqWZt9NaEDNbQK1wCQsxlYnxMAImhyDoFAElJasRRvAZVRqqQXUy7Cgx4TC6bswkAOw==" />
184
- <img
185
- class="intLink"
186
- title="Remove formatting"
187
- onclick="formatDoc('removeFormat')"
188
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9oECQMCKPI8CIIAAAAIdEVYdENvbW1lbnQA9syWvwAAAuhJREFUOMtjYBgFxAB501ZWBvVaL2nHnlmk6mXCJbF69zU+Hz/9fB5O1lx+bg45qhl8/fYr5it3XrP/YWTUvvvk3VeqGXz70TvbJy8+Wv39+2/Hz19/mGwjZzuTYjALuoBv9jImaXHeyD3H7kU8fPj2ICML8z92dlbtMzdeiG3fco7J08foH1kurkm3E9iw54YvKwuTuom+LPt/BgbWf3//sf37/1/c02cCG1lB8f//f95DZx74MTMzshhoSm6szrQ/a6Ir/Z2RkfEjBxuLYFpDiDi6Af///2ckaHBp7+7wmavP5n76+P2ClrLIYl8H9W36auJCbCxM4szMTJac7Kza////R3H1w2cfWAgafPbqs5g7D95++/P1B4+ECK8tAwMDw/1H7159+/7r7ZcvPz4fOHbzEwMDwx8GBgaGnNatfHZx8zqrJ+4VJBh5CQEGOySEua/v3n7hXmqI8WUGBgYGL3vVG7fuPK3i5GD9/fja7ZsMDAzMG/Ze52mZeSj4yu1XEq/ff7W5dvfVAS1lsXc4Db7z8C3r8p7Qjf///2dnZGxlqJuyr3rPqQd/Hhyu7oSpYWScylDQsd3kzvnH738wMDzj5GBN1VIWW4c3KDon7VOvm7S3paB9u5qsU5/x5KUnlY+eexQbkLNsErK61+++VnAJcfkyMTIwffj0QwZbJDKjcETs1Y8evyd48toz8y/ffzv//vPP4veffxpX77z6l5JewHPu8MqTDAwMDLzyrjb/mZm0JcT5Lj+89+Ybm6zz95oMh7s4XbygN3Sluq4Mj5K8iKMgP4f0////fv77//8nLy+7MCcXmyYDAwODS9jM9tcvPypd35pne3ljdjvj26+H2dhYpuENikgfvQeXNmSl3tqepxXsqhXPyc666s+fv1fMdKR3TK72zpix8nTc7bdfhfkEeVbC9KhbK/9iYWHiErbu6MWbY/7//8/4//9/pgOnH6jGVazvFDRtq2VgiBIZrUTIBgCk+ivHvuEKwAAAAABJRU5ErkJggg==" />
189
- <img
190
- class="intLink"
191
- title="Bold"
192
- onclick="formatDoc('bold');"
193
- src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAInhI+pa+H9mJy0LhdgtrxzDG5WGFVk6aXqyk6Y9kXvKKNuLbb6zgMFADs=" />
194
- <img
195
- class="intLink"
196
- title="Italic"
197
- onclick="formatDoc('italic');"
198
- src="data:image/gif;base64,R0lGODlhFgAWAKEDAAAAAF9vj5WIbf///yH5BAEAAAMALAAAAAAWABYAAAIjnI+py+0Po5x0gXvruEKHrF2BB1YiCWgbMFIYpsbyTNd2UwAAOw==" />
199
- <img
200
- class="intLink"
201
- title="Underline"
202
- onclick="formatDoc('underline');"
203
- src="data:image/gif;base64,R0lGODlhFgAWAKECAAAAAF9vj////////yH5BAEAAAIALAAAAAAWABYAAAIrlI+py+0Po5zUgAsEzvEeL4Ea15EiJJ5PSqJmuwKBEKgxVuXWtun+DwxCCgA7" />
204
- <img
205
- class="intLink"
206
- title="Left align"
207
- onclick="formatDoc('justifyleft');"
208
- src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAIghI+py+0Po5y02ouz3jL4D4JMGELkGYxo+qzl4nKyXAAAOw==" />
209
- <img
210
- class="intLink"
211
- title="Center align"
212
- onclick="formatDoc('justifycenter');"
213
- src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAIfhI+py+0Po5y02ouz3jL4D4JOGI7kaZ5Bqn4sycVbAQA7" />
214
- <img
215
- class="intLink"
216
- title="Right align"
217
- onclick="formatDoc('justifyright');"
218
- src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAIghI+py+0Po5y02ouz3jL4D4JQGDLkGYxouqzl43JyVgAAOw==" />
219
- <img
220
- class="intLink"
221
- title="Numbered list"
222
- onclick="formatDoc('insertorderedlist');"
223
- src="data:image/gif;base64,R0lGODlhFgAWAMIGAAAAADljwliE35GjuaezxtHa7P///////yH5BAEAAAcALAAAAAAWABYAAAM2eLrc/jDKSespwjoRFvggCBUBoTFBeq6QIAysQnRHaEOzyaZ07Lu9lUBnC0UGQU1K52s6n5oEADs=" />
224
- <img
225
- class="intLink"
226
- title="Dotted list"
227
- onclick="formatDoc('insertunorderedlist');"
228
- src="data:image/gif;base64,R0lGODlhFgAWAMIGAAAAAB1ChF9vj1iE33mOrqezxv///////yH5BAEAAAcALAAAAAAWABYAAAMyeLrc/jDKSesppNhGRlBAKIZRERBbqm6YtnbfMY7lud64UwiuKnigGQliQuWOyKQykgAAOw==" />
229
- <img
230
- class="intLink"
231
- title="Quote"
232
- onclick="formatDoc('formatblock','blockquote');"
233
- src="data:image/gif;base64,R0lGODlhFgAWAIQXAC1NqjFRjkBgmT9nqUJnsk9xrFJ7u2R9qmKBt1iGzHmOrm6Sz4OXw3Odz4Cl2ZSnw6KxyqO306K63bG70bTB0rDI3bvI4P///////////////////////////////////yH5BAEKAB8ALAAAAAAWABYAAAVP4CeOZGmeaKqubEs2CekkErvEI1zZuOgYFlakECEZFi0GgTGKEBATFmJAVXweVOoKEQgABB9IQDCmrLpjETrQQlhHjINrTq/b7/i8fp8PAQA7" />
234
- <img
235
- class="intLink"
236
- title="Delete indentation"
237
- onclick="formatDoc('outdent');"
238
- src="data:image/gif;base64,R0lGODlhFgAWAMIHAAAAADljwliE35GjuaezxtDV3NHa7P///yH5BAEAAAcALAAAAAAWABYAAAM2eLrc/jDKCQG9F2i7u8agQgyK1z2EIBil+TWqEMxhMczsYVJ3e4ahk+sFnAgtxSQDqWw6n5cEADs=" />
239
- <img
240
- class="intLink"
241
- title="Add indentation"
242
- onclick="formatDoc('indent');"
243
- src="data:image/gif;base64,R0lGODlhFgAWAOMIAAAAADljwl9vj1iE35GjuaezxtDV3NHa7P///////////////////////////////yH5BAEAAAgALAAAAAAWABYAAAQ7EMlJq704650B/x8gemMpgugwHJNZXodKsO5oqUOgo5KhBwWESyMQsCRDHu9VOyk5TM9zSpFSr9gsJwIAOw==" />
244
- <img
245
- class="intLink"
246
- title="Hyperlink"
247
- onclick="var sLnk=prompt('Write the URL here','http:\/\/');if (sLnk&&sLnk!=''&&sLnk!='http://'){formatDoc('createlink',sLnk)}"
248
- src="data:image/gif;base64,R0lGODlhFgAWAOMKAB1ChDRLY19vj3mOrpGjuaezxrCztb/I19Ha7Pv8/f///////////////////////yH5BAEKAA8ALAAAAAAWABYAAARY8MlJq7046827/2BYIQVhHg9pEgVGIklyDEUBy/RlE4FQF4dCj2AQXAiJQDCWQCAEBwIioEMQBgSAFhDAGghGi9XgHAhMNoSZgJkJei33UESv2+/4vD4TAQA7" />
249
- <img
250
- class="intLink"
251
- title="Cut"
252
- onclick="formatDoc('cut');"
253
- src="data:image/gif;base64,R0lGODlhFgAWAIQSAB1ChBFNsRJTySJYwjljwkxwl19vj1dusYODhl6MnHmOrpqbmpGjuaezxrCztcDCxL/I18rL1P///////////////////////////////////////////////////////yH5BAEAAB8ALAAAAAAWABYAAAVu4CeOZGmeaKqubDs6TNnEbGNApNG0kbGMi5trwcA9GArXh+FAfBAw5UexUDAQESkRsfhJPwaH4YsEGAAJGisRGAQY7UCC9ZAXBB+74LGCRxIEHwAHdWooDgGJcwpxDisQBQRjIgkDCVlfmZqbmiEAOw==" />
254
- <img
255
- class="intLink"
256
- title="Copy"
257
- onclick="formatDoc('copy');"
258
- src="data:image/gif;base64,R0lGODlhFgAWAIQcAB1ChBFNsTRLYyJYwjljwl9vj1iE31iGzF6MnHWX9HOdz5GjuYCl2YKl8ZOt4qezxqK63aK/9KPD+7DI3b/I17LM/MrL1MLY9NHa7OPs++bx/Pv8/f///////////////yH5BAEAAB8ALAAAAAAWABYAAAWG4CeOZGmeaKqubOum1SQ/kPVOW749BeVSus2CgrCxHptLBbOQxCSNCCaF1GUqwQbBd0JGJAyGJJiobE+LnCaDcXAaEoxhQACgNw0FQx9kP+wmaRgYFBQNeAoGihCAJQsCkJAKOhgXEw8BLQYciooHf5o7EA+kC40qBKkAAAGrpy+wsbKzIiEAOw==" />
259
- <img
260
- class="intLink"
261
- title="Paste"
262
- onclick="formatDoc('paste');"
263
- src="data:image/gif;base64,R0lGODlhFgAWAIQUAD04KTRLY2tXQF9vj414WZWIbXmOrpqbmpGjudClFaezxsa0cb/I1+3YitHa7PrkIPHvbuPs+/fvrvv8/f///////////////////////////////////////////////yH5BAEAAB8ALAAAAAAWABYAAAWN4CeOZGmeaKqubGsusPvBSyFJjVDs6nJLB0khR4AkBCmfsCGBQAoCwjF5gwquVykSFbwZE+AwIBV0GhFog2EwIDchjwRiQo9E2Fx4XD5R+B0DDAEnBXBhBhN2DgwDAQFjJYVhCQYRfgoIDGiQJAWTCQMRiwwMfgicnVcAAAMOaK+bLAOrtLUyt7i5uiUhADs=" />
264
- </div>
265
- <div id="textBox" contenteditable="true"><p>Lorem ipsum</p></div>
266
- <p id="editMode">
267
- <input
268
- type="checkbox"
269
- name="switchMode"
270
- id="switchBox"
271
- onchange="setDocMode(this.checked);" />
272
- <label for="switchBox">Show HTML</label>
273
- </p>
274
- <p><input type="submit" value="Send" /></p>
275
- </form>
276
- </body>
277
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Rich Text Editor</title>
5
+ <script type="text/javascript">
6
+ var oDoc, sDefTxt;
7
+
8
+ function initDoc() {
9
+ oDoc = document.getElementById("textBox");
10
+ sDefTxt = oDoc.innerHTML;
11
+ if (document.compForm.switchMode.checked) {
12
+ setDocMode(true);
13
+ }
14
+ }
15
+
16
+ function formatDoc(sCmd, sValue) {
17
+ if (validateMode()) {
18
+ document.execCommand(sCmd, false, sValue);
19
+ oDoc.focus();
20
+ }
21
+ }
22
+
23
+ function validateMode() {
24
+ if (!document.compForm.switchMode.checked) {
25
+ return true;
26
+ }
27
+ alert('Uncheck "Show HTML".');
28
+ oDoc.focus();
29
+ return false;
30
+ }
31
+
32
+ function setDocMode(bToSource) {
33
+ var oContent;
34
+ if (bToSource) {
35
+ oContent = document.createTextNode(oDoc.innerHTML);
36
+ oDoc.innerHTML = "";
37
+ var oPre = document.createElement("pre");
38
+ oDoc.contentEditable = false;
39
+ oPre.id = "sourceText";
40
+ oPre.contentEditable = true;
41
+ oPre.appendChild(oContent);
42
+ oDoc.appendChild(oPre);
43
+ document.execCommand(
44
+ "defaultParagraphSeparator",
45
+ false,
46
+ "div"
47
+ );
48
+ } else {
49
+ if (document.all) {
50
+ oDoc.innerHTML = oDoc.innerText;
51
+ } else {
52
+ oContent = document.createRange();
53
+ oContent.selectNodeContents(oDoc.firstChild);
54
+ oDoc.innerHTML = oContent.toString();
55
+ }
56
+ oDoc.contentEditable = true;
57
+ }
58
+ oDoc.focus();
59
+ }
60
+
61
+ function printDoc() {
62
+ if (!validateMode()) {
63
+ return;
64
+ }
65
+ var oPrntWin = window.open(
66
+ "",
67
+ "_blank",
68
+ "width=450,height=470,left=400,top=100,menubar=yes,toolbar=no,location=no,scrollbars=yes"
69
+ );
70
+ oPrntWin.document.open();
71
+ oPrntWin.document.write(`
72
+ <!doctype html><html><head><title>Print<\/title><\/head><body onload="print();">' +
73
+ oDoc.innerHTML +
74
+ "<\/body><\/html>"
75
+ `);
76
+ oPrntWin.document.close();
77
+ }
78
+ </script>
79
+ <style type="text/css">
80
+ .intLink {
81
+ cursor: pointer;
82
+ }
83
+ img.intLink {
84
+ border: 0;
85
+ }
86
+ #toolBar1 select {
87
+ font-size: 10px;
88
+ }
89
+ #textBox {
90
+ width: 540px;
91
+ height: 200px;
92
+ border: 1px #000000 solid;
93
+ padding: 12px;
94
+ overflow: scroll;
95
+ }
96
+ #textBox #sourceText {
97
+ padding: 0;
98
+ margin: 0;
99
+ min-width: 498px;
100
+ min-height: 200px;
101
+ }
102
+ #editMode label {
103
+ cursor: pointer;
104
+ }
105
+ </style>
106
+ <link rel="manifest" href="/manifest.webmanifest" />
107
+ </head>
108
+ <body onload="initDoc();">
109
+ <form
110
+ name="compForm"
111
+ method="post"
112
+ action="sample.php"
113
+ onsubmit="if (validateMode()){this.myDoc.value=oDoc.innerHTML;return true;}return false;">
114
+ <input type="hidden" name="myDoc" />
115
+ <div id="toolBar1">
116
+ <select
117
+ onchange="formatDoc('formatblock',this[this.selectedIndex].value);this.selectedIndex=0;">
118
+ <option selected>- formatting -</option>
119
+ <option value="h1">Title 1 &lt;h1&gt;</option>
120
+ <option value="h2">Title 2 &lt;h2&gt;</option>
121
+ <option value="h3">Title 3 &lt;h3&gt;</option>
122
+ <option value="h4">Title 4 &lt;h4&gt;</option>
123
+ <option value="h5">Title 5 &lt;h5&gt;</option>
124
+ <option value="h6">Subtitle &lt;h6&gt;</option>
125
+ <option value="p">Paragraph &lt;p&gt;</option>
126
+ <option value="pre">Preformatted &lt;pre&gt;</option>
127
+ </select>
128
+ <select
129
+ onchange="formatDoc('fontname',this[this.selectedIndex].value);this.selectedIndex=0;">
130
+ <option class="heading" selected>- font -</option>
131
+ <option>Arial</option>
132
+ <option>Arial Black</option>
133
+ <option>Courier New</option>
134
+ <option>Times New Roman</option>
135
+ </select>
136
+ <select
137
+ onchange="formatDoc('fontsize',this[this.selectedIndex].value);this.selectedIndex=0;">
138
+ <option class="heading" selected>- size -</option>
139
+ <option value="1">Very small</option>
140
+ <option value="2">A bit small</option>
141
+ <option value="3">Normal</option>
142
+ <option value="4">Medium-large</option>
143
+ <option value="5">Big</option>
144
+ <option value="6">Very big</option>
145
+ <option value="7">Maximum</option>
146
+ </select>
147
+ <select
148
+ onchange="formatDoc('forecolor',this[this.selectedIndex].value);this.selectedIndex=0;">
149
+ <option class="heading" selected>- color -</option>
150
+ <option value="red">Red</option>
151
+ <option value="blue">Blue</option>
152
+ <option value="green">Green</option>
153
+ <option value="black">Black</option>
154
+ </select>
155
+ <select
156
+ onchange="formatDoc('backcolor',this[this.selectedIndex].value);this.selectedIndex=0;">
157
+ <option class="heading" selected>- background -</option>
158
+ <option value="red">Red</option>
159
+ <option value="green">Green</option>
160
+ <option value="black">Black</option>
161
+ </select>
162
+ </div>
163
+ <div id="toolBar2">
164
+ <img
165
+ class="intLink"
166
+ title="Clean"
167
+ onclick="if (validateMode()&&confirm('Are you sure?')){oDoc.innerHTML=sDefTxt};"
168
+ src="data:image/gif;base64,R0lGODlhFgAWAIQbAD04KTRLYzFRjlldZl9vj1dusY14WYODhpWIbbSVFY6O7IOXw5qbms+wUbCztca0ccS4kdDQjdTLtMrL1O3YitHa7OPcsd/f4PfvrvDv8Pv5xv///////////////////yH5BAEKAB8ALAAAAAAWABYAAAV84CeOZGmeaKqubMteyzK547QoBcFWTm/jgsHq4rhMLoxFIehQQSAWR+Z4IAyaJ0kEgtFoLIzLwRE4oCQWrxoTOTAIhMCZ0tVgMBQKZHAYyFEWEV14eQ8IflhnEHmFDQkAiSkQCI2PDC4QBg+OAJc0ewadNCOgo6anqKkoIQA7" />
169
+ <img
170
+ class="intLink"
171
+ title="Print"
172
+ onclick="printDoc();"
173
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oEBxcZFmGboiwAAAAIdEVYdENvbW1lbnQA9syWvwAAAuFJREFUOMvtlUtsjFEUx//n3nn0YdpBh1abRpt4LFqtqkc3jRKkNEIsiIRIBBEhJJpKlIVo4m1RRMKKjQiRMJRUqUdKPT71qpIpiRKPaqdF55tv5vvusZjQTjOlseUkd3Xu/3dPzusC/22wtu2wRn+jG5So/OCDh8ycMJDflehMlkJkVK7KUYN+ufzA/RttH76zaVocDptRxzQtNi3mRWuPc+6cKtlXZ/sddP2uu9uXlmYXZ6Qm8v4Tz8lhF1H+zDQXt7S8oLMXtbF4e8QaFHjj3kbP2MzkktHpiTjp9VH6iHiA+whtAsX5brpwueMGdONdf/2A4M7ukDs1JW662+XkqTkeUoqjKtOjm2h53YFL15pSJ04Zc94wdtibr26fXlC2mzRvBccEbz2kiRFD414tKMlEZbVGT33+qCoHgha81SWYsew0r1uzfNylmtpx80pngQQ91LwVk2JGvGnfvZG6YcYRAT16GFtW5kKKfo1EQLtfh5Q2etT0BIWF+aitq4fDbk+ImYo1OxvGF03waFJQvBCkvDffRyEtxQiFFYgAZTHS0zwAGD7fG5TNnYNTp8/FzvGwJOfmgG7GOx0SAKKgQgDMgKBI0NJGMEImpGDk5+WACEwEd0ywblhGUZ4Hw5OdUekRBLT7DTgdEgxACsIznx8zpmWh7k4rkpJcuHDxCul6MDsmmBXDlWCH2+XozSgBnzsNCEE4euYV4pwCpsWYPW0UHDYBKSWu1NYjENDReqtKjwn2+zvtTc1vMSTB/mvev/WEYSlASsLimcOhOBJxw+N3aP/SjefNL5GePZmpu4kG7OPr1+tOfPyUu3BecWYKcwQcDFmwFKAUo90fhKDInBCAmvqnyMgqUEagQwCoHBDc1rjv9pIlD8IbVkz6qYViIBQGTJPx4k0XpIgEZoRN1Da0cij4VfR0ta3WvBXH/rjdCufv6R2zPgPH/e4pxSBCpeatqPrjNiso203/5s/zA171Mv8+w1LOAAAAAElFTkSuQmCC" />
174
+ <img
175
+ class="intLink"
176
+ title="Undo"
177
+ onclick="formatDoc('undo');"
178
+ src="data:image/gif;base64,R0lGODlhFgAWAOMKADljwliE33mOrpGjuYKl8aezxqPD+7/I19DV3NHa7P///////////////////////yH5BAEKAA8ALAAAAAAWABYAAARR8MlJq7046807TkaYeJJBnES4EeUJvIGapWYAC0CsocQ7SDlWJkAkCA6ToMYWIARGQF3mRQVIEjkkSVLIbSfEwhdRIH4fh/DZMICe3/C4nBQBADs=" />
179
+ <img
180
+ class="intLink"
181
+ title="Redo"
182
+ onclick="formatDoc('redo');"
183
+ src="data:image/gif;base64,R0lGODlhFgAWAMIHAB1ChDljwl9vj1iE34Kl8aPD+7/I1////yH5BAEKAAcALAAAAAAWABYAAANKeLrc/jDKSesyphi7SiEgsVXZEATDICqBVJjpqWZt9NaEDNbQK1wCQsxlYnxMAImhyDoFAElJasRRvAZVRqqQXUy7Cgx4TC6bswkAOw==" />
184
+ <img
185
+ class="intLink"
186
+ title="Remove formatting"
187
+ onclick="formatDoc('removeFormat')"
188
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9oECQMCKPI8CIIAAAAIdEVYdENvbW1lbnQA9syWvwAAAuhJREFUOMtjYBgFxAB501ZWBvVaL2nHnlmk6mXCJbF69zU+Hz/9fB5O1lx+bg45qhl8/fYr5it3XrP/YWTUvvvk3VeqGXz70TvbJy8+Wv39+2/Hz19/mGwjZzuTYjALuoBv9jImaXHeyD3H7kU8fPj2ICML8z92dlbtMzdeiG3fco7J08foH1kurkm3E9iw54YvKwuTuom+LPt/BgbWf3//sf37/1/c02cCG1lB8f//f95DZx74MTMzshhoSm6szrQ/a6Ir/Z2RkfEjBxuLYFpDiDi6Af///2ckaHBp7+7wmavP5n76+P2ClrLIYl8H9W36auJCbCxM4szMTJac7Kza////R3H1w2cfWAgafPbqs5g7D95++/P1B4+ECK8tAwMDw/1H7159+/7r7ZcvPz4fOHbzEwMDwx8GBgaGnNatfHZx8zqrJ+4VJBh5CQEGOySEua/v3n7hXmqI8WUGBgYGL3vVG7fuPK3i5GD9/fja7ZsMDAzMG/Ze52mZeSj4yu1XEq/ff7W5dvfVAS1lsXc4Db7z8C3r8p7Qjf///2dnZGxlqJuyr3rPqQd/Hhyu7oSpYWScylDQsd3kzvnH738wMDzj5GBN1VIWW4c3KDon7VOvm7S3paB9u5qsU5/x5KUnlY+eexQbkLNsErK61+++VnAJcfkyMTIwffj0QwZbJDKjcETs1Y8evyd48toz8y/ffzv//vPP4veffxpX77z6l5JewHPu8MqTDAwMDLzyrjb/mZm0JcT5Lj+89+Ybm6zz95oMh7s4XbygN3Sluq4Mj5K8iKMgP4f0////fv77//8nLy+7MCcXmyYDAwODS9jM9tcvPypd35pne3ljdjvj26+H2dhYpuENikgfvQeXNmSl3tqepxXsqhXPyc666s+fv1fMdKR3TK72zpix8nTc7bdfhfkEeVbC9KhbK/9iYWHiErbu6MWbY/7//8/4//9/pgOnH6jGVazvFDRtq2VgiBIZrUTIBgCk+ivHvuEKwAAAAABJRU5ErkJggg==" />
189
+ <img
190
+ class="intLink"
191
+ title="Bold"
192
+ onclick="formatDoc('bold');"
193
+ src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAInhI+pa+H9mJy0LhdgtrxzDG5WGFVk6aXqyk6Y9kXvKKNuLbb6zgMFADs=" />
194
+ <img
195
+ class="intLink"
196
+ title="Italic"
197
+ onclick="formatDoc('italic');"
198
+ src="data:image/gif;base64,R0lGODlhFgAWAKEDAAAAAF9vj5WIbf///yH5BAEAAAMALAAAAAAWABYAAAIjnI+py+0Po5x0gXvruEKHrF2BB1YiCWgbMFIYpsbyTNd2UwAAOw==" />
199
+ <img
200
+ class="intLink"
201
+ title="Underline"
202
+ onclick="formatDoc('underline');"
203
+ src="data:image/gif;base64,R0lGODlhFgAWAKECAAAAAF9vj////////yH5BAEAAAIALAAAAAAWABYAAAIrlI+py+0Po5zUgAsEzvEeL4Ea15EiJJ5PSqJmuwKBEKgxVuXWtun+DwxCCgA7" />
204
+ <img
205
+ class="intLink"
206
+ title="Left align"
207
+ onclick="formatDoc('justifyleft');"
208
+ src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAIghI+py+0Po5y02ouz3jL4D4JMGELkGYxo+qzl4nKyXAAAOw==" />
209
+ <img
210
+ class="intLink"
211
+ title="Center align"
212
+ onclick="formatDoc('justifycenter');"
213
+ src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAIfhI+py+0Po5y02ouz3jL4D4JOGI7kaZ5Bqn4sycVbAQA7" />
214
+ <img
215
+ class="intLink"
216
+ title="Right align"
217
+ onclick="formatDoc('justifyright');"
218
+ src="data:image/gif;base64,R0lGODlhFgAWAID/AMDAwAAAACH5BAEAAAAALAAAAAAWABYAQAIghI+py+0Po5y02ouz3jL4D4JQGDLkGYxouqzl43JyVgAAOw==" />
219
+ <img
220
+ class="intLink"
221
+ title="Numbered list"
222
+ onclick="formatDoc('insertorderedlist');"
223
+ src="data:image/gif;base64,R0lGODlhFgAWAMIGAAAAADljwliE35GjuaezxtHa7P///////yH5BAEAAAcALAAAAAAWABYAAAM2eLrc/jDKSespwjoRFvggCBUBoTFBeq6QIAysQnRHaEOzyaZ07Lu9lUBnC0UGQU1K52s6n5oEADs=" />
224
+ <img
225
+ class="intLink"
226
+ title="Dotted list"
227
+ onclick="formatDoc('insertunorderedlist');"
228
+ src="data:image/gif;base64,R0lGODlhFgAWAMIGAAAAAB1ChF9vj1iE33mOrqezxv///////yH5BAEAAAcALAAAAAAWABYAAAMyeLrc/jDKSesppNhGRlBAKIZRERBbqm6YtnbfMY7lud64UwiuKnigGQliQuWOyKQykgAAOw==" />
229
+ <img
230
+ class="intLink"
231
+ title="Quote"
232
+ onclick="formatDoc('formatblock','blockquote');"
233
+ src="data:image/gif;base64,R0lGODlhFgAWAIQXAC1NqjFRjkBgmT9nqUJnsk9xrFJ7u2R9qmKBt1iGzHmOrm6Sz4OXw3Odz4Cl2ZSnw6KxyqO306K63bG70bTB0rDI3bvI4P///////////////////////////////////yH5BAEKAB8ALAAAAAAWABYAAAVP4CeOZGmeaKqubEs2CekkErvEI1zZuOgYFlakECEZFi0GgTGKEBATFmJAVXweVOoKEQgABB9IQDCmrLpjETrQQlhHjINrTq/b7/i8fp8PAQA7" />
234
+ <img
235
+ class="intLink"
236
+ title="Delete indentation"
237
+ onclick="formatDoc('outdent');"
238
+ src="data:image/gif;base64,R0lGODlhFgAWAMIHAAAAADljwliE35GjuaezxtDV3NHa7P///yH5BAEAAAcALAAAAAAWABYAAAM2eLrc/jDKCQG9F2i7u8agQgyK1z2EIBil+TWqEMxhMczsYVJ3e4ahk+sFnAgtxSQDqWw6n5cEADs=" />
239
+ <img
240
+ class="intLink"
241
+ title="Add indentation"
242
+ onclick="formatDoc('indent');"
243
+ src="data:image/gif;base64,R0lGODlhFgAWAOMIAAAAADljwl9vj1iE35GjuaezxtDV3NHa7P///////////////////////////////yH5BAEAAAgALAAAAAAWABYAAAQ7EMlJq704650B/x8gemMpgugwHJNZXodKsO5oqUOgo5KhBwWESyMQsCRDHu9VOyk5TM9zSpFSr9gsJwIAOw==" />
244
+ <img
245
+ class="intLink"
246
+ title="Hyperlink"
247
+ onclick="var sLnk=prompt('Write the URL here','http:\/\/');if (sLnk&&sLnk!=''&&sLnk!='http://'){formatDoc('createlink',sLnk)}"
248
+ src="data:image/gif;base64,R0lGODlhFgAWAOMKAB1ChDRLY19vj3mOrpGjuaezxrCztb/I19Ha7Pv8/f///////////////////////yH5BAEKAA8ALAAAAAAWABYAAARY8MlJq7046827/2BYIQVhHg9pEgVGIklyDEUBy/RlE4FQF4dCj2AQXAiJQDCWQCAEBwIioEMQBgSAFhDAGghGi9XgHAhMNoSZgJkJei33UESv2+/4vD4TAQA7" />
249
+ <img
250
+ class="intLink"
251
+ title="Cut"
252
+ onclick="formatDoc('cut');"
253
+ src="data:image/gif;base64,R0lGODlhFgAWAIQSAB1ChBFNsRJTySJYwjljwkxwl19vj1dusYODhl6MnHmOrpqbmpGjuaezxrCztcDCxL/I18rL1P///////////////////////////////////////////////////////yH5BAEAAB8ALAAAAAAWABYAAAVu4CeOZGmeaKqubDs6TNnEbGNApNG0kbGMi5trwcA9GArXh+FAfBAw5UexUDAQESkRsfhJPwaH4YsEGAAJGisRGAQY7UCC9ZAXBB+74LGCRxIEHwAHdWooDgGJcwpxDisQBQRjIgkDCVlfmZqbmiEAOw==" />
254
+ <img
255
+ class="intLink"
256
+ title="Copy"
257
+ onclick="formatDoc('copy');"
258
+ src="data:image/gif;base64,R0lGODlhFgAWAIQcAB1ChBFNsTRLYyJYwjljwl9vj1iE31iGzF6MnHWX9HOdz5GjuYCl2YKl8ZOt4qezxqK63aK/9KPD+7DI3b/I17LM/MrL1MLY9NHa7OPs++bx/Pv8/f///////////////yH5BAEAAB8ALAAAAAAWABYAAAWG4CeOZGmeaKqubOum1SQ/kPVOW749BeVSus2CgrCxHptLBbOQxCSNCCaF1GUqwQbBd0JGJAyGJJiobE+LnCaDcXAaEoxhQACgNw0FQx9kP+wmaRgYFBQNeAoGihCAJQsCkJAKOhgXEw8BLQYciooHf5o7EA+kC40qBKkAAAGrpy+wsbKzIiEAOw==" />
259
+ <img
260
+ class="intLink"
261
+ title="Paste"
262
+ onclick="formatDoc('paste');"
263
+ src="data:image/gif;base64,R0lGODlhFgAWAIQUAD04KTRLY2tXQF9vj414WZWIbXmOrpqbmpGjudClFaezxsa0cb/I1+3YitHa7PrkIPHvbuPs+/fvrvv8/f///////////////////////////////////////////////yH5BAEAAB8ALAAAAAAWABYAAAWN4CeOZGmeaKqubGsusPvBSyFJjVDs6nJLB0khR4AkBCmfsCGBQAoCwjF5gwquVykSFbwZE+AwIBV0GhFog2EwIDchjwRiQo9E2Fx4XD5R+B0DDAEnBXBhBhN2DgwDAQFjJYVhCQYRfgoIDGiQJAWTCQMRiwwMfgicnVcAAAMOaK+bLAOrtLUyt7i5uiUhADs=" />
264
+ </div>
265
+ <div id="textBox" contenteditable="true"><p>Lorem ipsum</p></div>
266
+ <p id="editMode">
267
+ <input
268
+ type="checkbox"
269
+ name="switchMode"
270
+ id="switchBox"
271
+ onchange="setDocMode(this.checked);" />
272
+ <label for="switchBox">Show HTML</label>
273
+ </p>
274
+ <p><input type="submit" value="Send" /></p>
275
+ </form>
276
+ </body>
277
+ </html>
package/demo/demos.1.html CHANGED
@@ -1,24 +1,24 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1" />
7
- <title>Text | CoCreate</title>
8
- <link rel="manifest" href="/manifest.webmanifest" />
9
- </head>
10
-
11
- <body class="padding:20px">
12
- <form collection="apples1" document_id="">
13
- <textarea
14
- name="name1"
15
- class="width:100% padding:0px margin:0px"
16
- rows="10"></textarea>
17
- <textarea name="name2" class="width:100%" rows="10"></textarea>
18
- <iframe name="name2" width="100%" contenteditable></iframe>
19
- </form>
20
-
21
- <!--<script src="../dist/CoCreate-text.js" ></script>-->
22
- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
23
- </body>
24
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
7
+ <title>Text | CoCreate</title>
8
+ <link rel="manifest" href="/manifest.webmanifest" />
9
+ </head>
10
+
11
+ <body class="padding:20px">
12
+ <form collection="apples1" document_id="">
13
+ <textarea
14
+ name="name1"
15
+ class="width:100% padding:0px margin:0px"
16
+ rows="10"></textarea>
17
+ <textarea name="name2" class="width:100%" rows="10"></textarea>
18
+ <iframe name="name2" width="100%" contenteditable></iframe>
19
+ </form>
20
+
21
+ <!--<script src="../dist/CoCreate-text.js" ></script>-->
22
+ <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
23
+ </body>
24
+ </html>