-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcameroon.html
More file actions
502 lines (500 loc) · 61 KB
/
cameroon.html
File metadata and controls
502 lines (500 loc) · 61 KB
1
2
3
4
5
6
7
8
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Online HTML Editor - 𝗛𝗧𝗠𝗟-𝗢𝗻𝗹𝗶𝗻𝗲.𝗰𝗼𝗺</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0">
<meta name="description" content="The best real-time online HTML editor software kit with dynamic instant live visual preview and inline WYSIWYG editor and markup clean-up feature">
<meta name="keywords" content="html,online,editor">
<meta property="og:title" content="Online HTML Editor">
<meta property="og:type" content="website">
<meta property="og:description" content="The best real-time online HTML editor software kit with dynamic instant live visual preview and inline WYSIWYG editor and markup clean-up feature">
<meta property="og:url" content="https://html-online.com/editor">
<meta property="og:image" content="https://html-online.com/editor/images/witch.jpg">
<link rel="canonical" href="cameroon_files/a.html">
<link rel="stylesheet" href="cameroon_files/introjs.css">
<link rel="stylesheet" href="cameroon_files/docs.css">
<link rel="stylesheet" href="cameroon_files/codemirror.css">
<link href="cameroon_files/jquery-ui.css" rel="stylesheet">
<script src="cameroon_files/rules-p-xncav4ssEzwLp.js" async=""></script><script src="cameroon_files/quant.js" async="" type="text/javascript"></script><script async="" type="text/javascript" src="cameroon_files/cmp2.js"></script><script async="" src="cameroon_files/analytics.js"></script><script async="" type="text/javascript" src="cameroon_files/choice.js"></script><script src="cameroon_files/jscolor.js"></script>
<script src="cameroon_files/tinymce.js"></script>
<script src="cameroon_files/jquery-1_10_2.js"></script>
<script src="cameroon_files/jquery-ui.js"></script>
<script src="cameroon_files/codemirror.js"></script>
<script src="cameroon_files/xml-fold.js"></script>
<script src="cameroon_files/matchtags.js"></script>
<script src="cameroon_files/active-line.js"></script>
<script src="cameroon_files/closetag.js"></script>
<script src="cameroon_files/xml.js"></script>
<script src="cameroon_files/intro.js"></script>
<link rel="stylesheet" href="cameroon_files/html-editor.css">
<script src="cameroon_files/html-editor.js"></script>
<script src="cameroon_files/linketado.js"></script>
<script async="true">!function(){var e=window.location.hostname,t=document.createElement("script"),a=document.getElementsByTagName("script")[0],n="https://quantcast.mgr.consensu.org".concat("/choice/","xncav4ssEzwLp","/",e,"/choice.js"),i=0;t.async=!0,t.type="text/javascript",t.src=n,a.parentNode.insertBefore(t,a),function(){function e(){var t=s.document,a=!!s.frames[i];if(!a)if(t.body){var n=t.createElement("iframe");n.style.cssText="display:none",n.name=i,t.body.appendChild(n)}else setTimeout(e,5);return!a}function t(){var e,t=arguments;if(!t.length)return o;if("setGdprApplies"===t[0])t.length>3&&2===t[2]&&"boolean"==typeof t[3]&&(e=t[3],"function"==typeof t[2]&&t[2]("set",!0));else if("ping"===t[0]){var a={gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"};"function"==typeof t[2]&&t[2](a)}else o.push(t)}function a(e){var t="string"==typeof e.data,a={};try{a=t?JSON.parse(e.data):e.data}catch(e){}var n=a.__tcfapiCall;n&&window.__tcfapi(n.command,n.version,function(a,i){var o={__tcfapiReturn:{returnValue:a,success:i,callId:n.callId}};t&&(o=JSON.stringify(o)),e.source.postMessage(o,"*")},n.parameter)}for(var n,i="__tcfapiLocator",o=[],s=window;s;){try{if(s.frames[i]){n=s;break}}catch(e){}if(s===window.top)break;s=s.parent}n||(e(),s.__tcfapi=t,s.addEventListener("message",a,!1))}();var o=function(){var e=arguments;typeof window.__uspapi!==o&&setTimeout(function(){void 0!==window.__uspapi&&window.__uspapi.apply(window.__uspapi,e)},500)},s=function(){i++,window.__uspapi===o&&i<3?console.warn("USP is not accessible"):clearInterval(c)};if(void 0===window.__uspapi){window.__uspapi=o;var c=setInterval(s,6e3)}}();</script>
<style type="text/css"> .qc-cmp-button.qc-cmp-secondary-button:hover { background-color: #368bd6 !important; border-color: transparent !important; } .qc-cmp-button.qc-cmp-secondary-button:hover { color: #ffffff !important; } .qc-cmp-button.qc-cmp-secondary-button { color: #368bd6 !important; } .qc-cmp-button.qc-cmp-secondary-button { background-color: #eee !important; border-color: transparent !important; } </style><link rel="stylesheet" type="text/css" id="u0" href="cameroon_files/skin.css"></head>
<body onload="bodyOnload();" class="htmlpage">
<div id="wrapall">
<div id="popupUzenetBox">
<div id="popupUzenet">Online HTML Editor</div>
<div onclick="document.getElementById('popupUzenetBox').style.display='none';" class="okButton">OK</div>
</div>
<div id="logContainer"></div>
<header>
<nav>
<div id="tabContainer" class="">
<div class="tabz">
<a rel="nofollow" href="https://html-css-js.com/html/" class="html">HTML</a><a rel="nofollow" href="https://html-css-js.com/css/" class="css">CSS</a><a rel="nofollow" href="https://html-css-js.com/js/" class="js">JS</a>
</div>
<div class="subtabz">
<ul class="html">
<li><a class="activeMenuItem" href="https://html-online.com/editor/">Editor</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/html/tags/">Tags</a></li>
<li><a rel="nofollow" href="https://htmlcheatsheet.com/">Cheat Sheet</a></li>
<li><a rel="nofollow" href="https://texteditor.com/characters/">Characters</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/html/generator/">Generators</a></li>
<li><a rel="nofollow" href="https://html5-templates.com/">Templates</a></li>
<li><a rel="nofollow" href="https://html-online.com/articles/category/html/">Blog</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/html/links/">Links</a></li>
</ul>
<ul class="css">
<li><a rel="nofollow" href="https://html-css-js.com/css/editor/">Editor</a></li>
<li><a rel="nofollow" href="https://htmlcheatsheet.com/css/">Cheat Sheet</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/css/generator/">Generators</a></li>
<li><a rel="nofollow" href="https://html-online.com/articles/category/css/">Blog</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/css/links/">Links</a></li>
</ul>
<ul class="js">
<li><a rel="nofollow" href="https://html-css-js.com/js/editor/">Editor</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/js/compressor/">Compressor</a></li>
<li><a rel="nofollow" href="https://htmlcheatsheet.com/js/">Cheat Sheet</a></li>
<li><a rel="nofollow" href="https://htmlcheatsheet.com/jquery/">jQuery</a></li>
<li><a rel="nofollow" href="https://html-online.com/articles/category/javascript/">Blog</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/js/links/">Links</a></li>
</ul>
</div>
</div>
<a href="https://html-online.com/" title="HTML Online" class="homeMenu">HTML-Online.com</a>
</nav>
<div class="headerLine" style="background-color: rgb(246, 246, 246);">
<div class="centerHeader">
<div class="navContainer">
<div id="likeContainer"><iframe src="cameroon_files/like.html" scrolling="no" width="440" height="90"></iframe></div>
<nav>
<ul class="mainNavi">
<li><a href="https://html-online.com/" class="highlightedItem">HTML</a></li>
<li><a rel="nofollow" href="https://html-css-js.com/css/editor/" target="_blank" title="CSS Cleaner">CSS</a></li>
<li style="margin-right: 15px;"><a rel="nofollow" href="https://html-css-js.com/js/editor/" target="_blank" title="JavaScript Cleaner">JS</a></li>
<li><a onclick="startFirstTour();">Quick Tour</a></li>
<li><a href="https://html-online.com/#features">Features</a></li>
<li><a href="https://html-online.com/articles/">Articles</a></li>
</ul>
</nav>
</div>
<div class="rightHeader">
<iframe data-id="html-online.com_320x100_top_DFP" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" data-rendered="true" style="width: 320px; height: 100px;" id="adg-71e6ee75ef3993" width="1" height="1" frameborder="0"></iframe> <script> (function () { var size='320x100', adunit = 'html-online.com_320x100_top_DFP', childNetworkId = '22366645410', xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){var es = document.querySelectorAll("[data-id='"+adunit+"']");var e = Array.from(es).filter(function(e) {return !e.hasAttribute("data-rendered")});if(e.length > 0){e.forEach(function(el){var iframe = el.contentWindow.document;iframe.open();iframe.write(xmlhttp.responseText);iframe.close();el.setAttribute('data-rendered', true)})}}};var child=childNetworkId.trim()?','+childNetworkId.trim():'';xmlhttp.open("GET", 'https://pubads.g.doubleclick.net/gampad/adx?iu=/147246189'+child+'/'+adunit+'&sz='+encodeURI(size)+'&t=Placement_type%3Dserving&'+Date.now(), true);xmlhttp.send();})(); </script>
</div>
<div class="templateSzorny">
<a href="https://texteditor.com/" title="Online Text Editor" target="_blank" rel="external nofollow"><img src="cameroon_files/text-editor.png" alt="unicode text editor"></a>
</div>
<div class="clearboth">
</div>
</div>
</div>
</header>
<div id="pagewrap">
<div class="programIsThinking">
</div>
<div class="szekcio1" data-step="1" data-intro="Use to visual editor to compose your content or paste here a Word document." data-position="right">
<form method="post">
<div id="mceu_25" class="mce-tinymce mce-container mce-panel" hidefocus="1" tabindex="-1" role="application" style="visibility: hidden; border-width: 1px; width: 100%;"><div id="mceu_25-body" class="mce-container-body mce-stack-layout"><div id="mceu_26" class="mce-top-part mce-container mce-stack-layout-item mce-first"><div id="mceu_26-body" class="mce-container-body"><div id="mceu_27" class="mce-container mce-menubar mce-toolbar mce-first" role="menubar" style="border-width: 0px 0px 1px;"><div id="mceu_27-body" class="mce-container-body mce-flow-layout"><div id="mceu_28" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-first mce-btn-has-text mce-toolbar-item mce-active mce-opened" tabindex="-1" aria-labelledby="mceu_28" role="menuitem" aria-haspopup="true" aria-expanded="true"><button id="mceu_28-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">File</span> <i class="mce-caret"></i></button></div><div id="mceu_29" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text mce-toolbar-item" tabindex="-1" aria-labelledby="mceu_29" role="menuitem" aria-haspopup="true" aria-expanded="false"><button id="mceu_29-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Edit</span> <i class="mce-caret"></i></button></div><div id="mceu_30" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_30" role="menuitem" aria-haspopup="true"><button id="mceu_30-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">View</span> <i class="mce-caret"></i></button></div><div id="mceu_31" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_31" role="menuitem" aria-haspopup="true"><button id="mceu_31-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Insert</span> <i class="mce-caret"></i></button></div><div id="mceu_32" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_32" role="menuitem" aria-haspopup="true"><button id="mceu_32-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Format</span> <i class="mce-caret"></i></button></div><div id="mceu_33" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_33" role="menuitem" aria-haspopup="true"><button id="mceu_33-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Tools</span> <i class="mce-caret"></i></button></div><div id="mceu_34" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-last mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_34" role="menuitem" aria-haspopup="true"><button id="mceu_34-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Table</span> <i class="mce-caret"></i></button></div></div></div><div id="mceu_35" class="mce-toolbar-grp mce-container mce-panel mce-last" hidefocus="1" tabindex="-1" role="group"><div id="mceu_35-body" class="mce-container-body mce-stack-layout"><div id="mceu_36" class="mce-container mce-toolbar mce-stack-layout-item mce-first mce-last" role="toolbar"><div id="mceu_36-body" class="mce-container-body mce-flow-layout"><div id="mceu_37" class="mce-container mce-flow-layout-item mce-first mce-btn-group" role="group"><div id="mceu_37-body"><div id="mceu_0" class="mce-widget mce-btn mce-first" tabindex="-1" role="button" aria-label="Undo" aria-disabled="false"><button id="mceu_0-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-undo"></i></button></div><div id="mceu_1" class="mce-widget mce-btn mce-last" tabindex="-1" role="button" aria-label="Redo" aria-disabled="false"><button id="mceu_1-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-redo"></i></button></div></div></div><div id="mceu_38" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_38-body"><div id="mceu_2" class="mce-widget mce-btn mce-first mce-last" tabindex="-1" role="button" aria-label="Source code"><button id="mceu_2-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-code"></i></button></div></div></div><div id="mceu_39" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_39-body"><div id="mceu_3" class="mce-widget mce-btn mce-first mce-last" tabindex="-1" role="button" aria-label="Clear formatting"><button id="mceu_3-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-removeformat"></i></button></div></div></div><div id="mceu_40" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_40-body"><div id="mceu_4" class="mce-widget mce-btn mce-menubtn mce-first mce-last mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_4" role="button" aria-haspopup="true"><button id="mceu_4-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Formats</span> <i class="mce-caret"></i></button></div></div></div><div id="mceu_41" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_41-body"><div id="mceu_5" class="mce-widget mce-btn mce-first" tabindex="-1" aria-pressed="false" role="button" aria-label="Bold"><button id="mceu_5-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-bold"></i></button></div><div id="mceu_6" class="mce-widget mce-btn" tabindex="-1" aria-pressed="false" role="button" aria-label="Italic"><button id="mceu_6-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-italic"></i></button></div><div id="mceu_7" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Underline"><button id="mceu_7-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-underline"></i></button></div></div></div><div id="mceu_42" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_42-body"><div id="mceu_8" class="mce-widget mce-btn mce-first" tabindex="-1" aria-pressed="false" role="button" aria-label="Align left"><button id="mceu_8-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-alignleft"></i></button></div><div id="mceu_9" class="mce-widget mce-btn" tabindex="-1" aria-pressed="false" role="button" aria-label="Align center"><button id="mceu_9-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-aligncenter"></i></button></div><div id="mceu_10" class="mce-widget mce-btn" tabindex="-1" aria-pressed="false" role="button" aria-label="Align right"><button id="mceu_10-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-alignright"></i></button></div><div id="mceu_11" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Justify"><button id="mceu_11-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-alignjustify"></i></button></div></div></div><div id="mceu_43" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_43-body"><div id="mceu_12" class="mce-widget mce-btn mce-splitbtn mce-menubtn mce-first" role="button" aria-pressed="false" tabindex="-1" aria-label="Bullet list" aria-haspopup="true"><button type="button" hidefocus="1" tabindex="-1"><i class="mce-ico mce-i-bullist"></i></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div><div id="mceu_13" class="mce-widget mce-btn mce-splitbtn mce-menubtn" role="button" aria-pressed="false" tabindex="-1" aria-label="Numbered list" aria-haspopup="true"><button type="button" hidefocus="1" tabindex="-1"><i class="mce-ico mce-i-numlist"></i></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div><div id="mceu_14" class="mce-widget mce-btn" tabindex="-1" role="button" aria-label="Decrease indent"><button id="mceu_14-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-outdent"></i></button></div><div id="mceu_15" class="mce-widget mce-btn mce-last" tabindex="-1" role="button" aria-label="Increase indent"><button id="mceu_15-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-indent"></i></button></div></div></div><div id="mceu_44" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_44-body"><div id="mceu_16" class="mce-widget mce-btn mce-first" tabindex="-1" aria-pressed="false" role="button" aria-label="Insert/edit link"><button id="mceu_16-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-link"></i></button></div><div id="mceu_17" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Insert/edit image"><button id="mceu_17-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-image"></i></button></div></div></div><div id="mceu_45" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_45-body"><div id="mceu_18" class="mce-widget mce-btn mce-first" tabindex="-1" role="button" aria-label="Print"><button id="mceu_18-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-print"></i></button></div><div id="mceu_19" class="mce-widget mce-btn" tabindex="-1" role="button" aria-label="Preview"><button id="mceu_19-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-preview"></i></button></div><div id="mceu_20" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Insert/edit media"><button id="mceu_20-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-media"></i></button></div></div></div><div id="mceu_46" class="mce-container mce-flow-layout-item mce-last mce-btn-group" role="group"><div id="mceu_46-body"><div id="mceu_21" class="mce-widget mce-btn mce-splitbtn mce-colorbutton mce-first" role="button" tabindex="-1" aria-haspopup="true" aria-label="Text color"><button role="presentation" hidefocus="1" type="button" tabindex="-1"><i class="mce-ico mce-i-forecolor"></i><span id="mceu_21-preview" class="mce-preview"></span></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div><div id="mceu_22" class="mce-widget mce-btn mce-splitbtn mce-colorbutton" role="button" tabindex="-1" aria-haspopup="true" aria-label="Background color"><button role="presentation" hidefocus="1" type="button" tabindex="-1"><i class="mce-ico mce-i-backcolor"></i><span id="mceu_22-preview" class="mce-preview"></span></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div><div id="mceu_23" class="mce-widget mce-btn" tabindex="-1" role="button" aria-label="Emoticons" aria-haspopup="true"><button id="mceu_23-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-emoticons"></i></button></div><div id="mceu_24" class="mce-widget mce-btn mce-menubtn mce-last" tabindex="-1" aria-labelledby="mceu_24" role="button" aria-label="Table" aria-haspopup="true"><button id="mceu_24-open" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-table"></i> <i class="mce-caret"></i></button></div></div></div></div></div></div></div></div></div><div id="mceu_47" class="mce-edit-area mce-container mce-panel mce-stack-layout-item" hidefocus="1" tabindex="-1" role="group" style="border-width: 1px 0px 0px;"><iframe id="elm1_ifr" allowtransparency="true" title="Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help" style="width: 100%; height: 650px; display: block;" frameborder="0"></iframe></div><div id="mceu_48" class="mce-statusbar mce-container mce-panel mce-stack-layout-item mce-last" hidefocus="1" tabindex="-1" role="group" style="border-width: 1px 0px 0px;"><div id="mceu_48-body" class="mce-container-body mce-flow-layout"><div id="mceu_49" class="mce-path mce-flow-layout-item mce-first"><div role="button" class="mce-path-item mce-last" data-index="0" tabindex="-1" id="mceu_49-0" aria-level="1">p</div></div><span id="mceu_51" class="mce-wordcount mce-widget mce-label mce-flow-layout-item">8 words</span><div id="mceu_50" class="mce-flow-layout-item mce-resizehandle mce-last"><i class="mce-ico mce-i-resize"></i></div></div></div></div></div><textarea id="elm1" name="elm1" style="display: none;" aria-hidden="true"></textarea>
</form>
</div>
<div class="szekcio2">
</div>
<div class="szekcio3">
<div class="commandBoxes">
<div class="multiButton">
<div title="Adjust cleaning options" class="cleanOptionsToggle" data-step="3" data-intro="Set up your cleaning preferences here." data-position="left">
</div>
<div class="convertButton performCleaning" data-step="4" data-intro="Perform source cleaning." data-position="left">
<span id="cleanButtonText">Clean</span><div id="onTheConvertButton"></div>
</div>
</div>
<div class="additionalSourceOptions">
<div>
<a title="Color Picker" class="colorPickerOpen"> </a>
</div>
<div>
<a title="Automatic scroll" class="scrollLeftRight"> </a>
</div>
<div>
<a title="Lorem-Ipsum generator" class="lipszum"> </a>
</div>
<div>
<a title="Find and Replace tool" class="findundreplace"> </a>
</div>
<div>
<a title="Compress HTML" class="compressHTML"> </a>
</div>
<div>
<a title="Load Bootstrap CSS" class="useBootstrapCss"> </a>
</div>
<div class="textBiggerSmaller">
<a title="Smaller Font" class="sourceSmallerFont">-</a>
<a title="Normal Font"><span>a</span><span>a</span><span>a</span></a>
<a title="Bigger Font" class="sourceBiggerFont">+</a>
</div>
</div>
<a title="Fresh page">
<div class="clearButton" onclick="deletePressed();">
</div>
</a>
<a title="Undo">
<div class="undoButton" onclick="undoPressed();">
</div>
</a>
<div id="inputLength">Source: 1407</div>
<div class="clearboth"></div>
</div>
<div id="sourceFieldecske" data-step="2" data-intro="Edit the HTML source here." data-position="left"><div class="CodeMirror cm-s-default CodeMirror-wrap ui-resizable " style="width: 100%; height: 740px;"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5px; left: 34px;"><textarea style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: currentcolor none medium;" autocorrect="off" autocapitalize="none" spellcheck="false" tabindex="0" wrap="off"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1" draggable="true"><div class="CodeMirror-sizer" style="margin-left: 29px; min-height: 316px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: currentcolor none medium;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors" style="visibility: hidden;"><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 14px;"> </div></div><div class="CodeMirror-code"><div style="position: relative;" class="CodeMirror-activeline"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre class=""><span><span class="cm-tag cm-bracket CodeMirror-matchingtag"><</span><span class="cm-tag CodeMirror-matchingtag">p</span><span class="cm-tag cm-bracket CodeMirror-matchingtag">></span>This is cameroon, a country in west Africa<span class="cm-tag cm-bracket CodeMirror-matchingtag"></</span><span class="cm-tag CodeMirror-matchingtag">p</span><span class="cm-tag cm-bracket CodeMirror-matchingtag">></span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre class=""><span><span class="cm-tag cm-bracket"><</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">></span><span class="cm-atom">&nbsp;</span><span class="cm-tag cm-bracket"></</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">></span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre class=""><span><span class="cm-tag cm-bracket"><</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">><</span><span class="cm-tag">img</span> <span class="cm-attribute">src</span>=<span class="cm-string">"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAAC3CAMAAAAGjUrGAAAAdVBMVEX80RYAel7OESbMACcAfF9jYk/UACLupxv91BXQHCXNACb90xb/2RX/2hX91hX80BXqkh3YSyP6yBbXRCPmhR72uxjRJSXTLCT6yhbhcyDUNiT4wRfrlxz0tRnkex/eaCHaVSL/4RTWQCPnih7dXyHvoxvcWyLsuihEAAAC+0lEQVR4nO3Za4+iMBSHcZburtiWKl7Q8TLqqPP9P+IiixdUKGbim9PnBBOjMTn9pX9oa/TrbfX7z9/4XaV6SfS+wgQTTDDBBBNMMMEEE0wwwQQTTDDBBBNMMMEEE0wwwQQTTDDBBBNMMMEEE0wwwQQTTDDBBBNMMMEEE0wwwQQTTDDBBBNMMMEEE0wwwQQTTDDBBBNMMMEEk4fSmDyQjF9BCcRkick9SbbLXkAJwkQN06HCpD7IUTLCpFZ6nEbpC3fZEEzU0EXuhfAEYTIykXkhPAGY6C9btGK/OocnABO1d0Urbt95ooRgsjRFK2aJyaX0wpW9uEXX8Mg3UZPKZNJ1ogRgMjVlL2aKyblmtmrGzjCpBlhF54XwSDPJ8369dBWdU3j03Xd5HoTJbG0Hg6i8qpe5dGNuPj1ddv08TdJMiqykplY37dS/SJuyJM4kVuO583cWuXnWdHuRZxLruGeNpzFje83n1gJNikF9uHYU4z5ankEiTWK1WLblxy0XbY9lmSax1qvG/Bi70q1bH6EmxcAO0fORJdHBs3YTaxKrfG2ftGTXuW85K9fkdll/rS4LfMkmsfq8R3GfHfY8sk0eBpf0QjfRT7LT4bBNsonePN5k7caPItnk2di6hEeySXw9J7i+Gfh/JthEHy7Rcdetsj14wyPYRB2roZliUTI57wqTozc8gk10FR03ylSsstH/qWLmAc8T/V1Gx6THcsen9TEtjey3D0WuiTqeJkbiNuesqI07jdV5wyPXpIyOm86uAmo2dacnT7DzRG9tkZth7aRE62GRH7v1oIg1USuXDLb3MVHbQeJWoZ6f6Lld9x8nhO6vre/JI9VEb3cNJyVqsvOER6zJvvnvm2wfpknccgzdfkIt2OQHhQkmmGCCCSaYYIIJJphgggkmmGCCCSaYYIIJJphgggkmmGCCCSaYYIIJJphgggkmmGCCCSaYYIIJJphgggkmmGCCCSaYYIIJJphgggkmmGCCCSaYYIIJJphgggkmmPyw/gEx8+fJArmlWgAAAABJRU5ErkJggg=="</span> <span class="cm-attribute">alt</span>=<span class="cm-string">""</span> <span class="cm-attribute">width</span>=<span class="cm-string">"275"</span> <span class="cm-attribute">height</span>=<span class="cm-string">"183"</span> <span class="cm-tag cm-bracket">/></</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">></span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 316px;"></div><div class="CodeMirror-gutters" style="height: 710px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div></div></div>
<script>
var sourceEditorFricc = CodeMirror(document.getElementById("sourceFieldecske"), {
value: "",
lineNumbers: true,
styleActiveLine: true,
mode: "text/html",
lineWrapping: true,
matchTags: {bothTags: true},
autoCloseTags: true
});
sourceEditorFricc.on("change", function() {
inputChanged();
});
</script>
<div id="warningAboveSource">
<div id="warningAboveSourceText">
Get the hell outta here!
</div>
</div>
</div>
<div class="szekcio4">
<div class="wrap">
<div id="bottomNotification" style="display: none;">
<div id="bottomNotificationMiddle">
<div class="adBar"> </div>
</div>
</div>
<iframe data-id="html-online.com_300x600_tower_desktop_DFP" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" data-rendered="true" style="width: 300px; height: 600px;" id="adg-834d8f3ce7fdcb88" width="1" height="1" frameborder="0"></iframe> <script> (function () { var size='300x600', adunit = 'html-online.com_300x600_tower_desktop_DFP', childNetworkId = '22366645410', xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){var es = document.querySelectorAll("[data-id='"+adunit+"']");var e = Array.from(es).filter(function(e) {return !e.hasAttribute("data-rendered")});if(e.length > 0){e.forEach(function(el){var iframe = el.contentWindow.document;iframe.open();iframe.write(xmlhttp.responseText);iframe.close();el.setAttribute('data-rendered', true)})}}};var child=childNetworkId.trim()?','+childNetworkId.trim():'';xmlhttp.open("GET", 'https://pubads.g.doubleclick.net/gampad/adx?iu=/147246189'+child+'/'+adunit+'&sz='+encodeURI(size)+'&t=Placement_type%3Dserving&'+Date.now(), true);xmlhttp.send();})(); </script>
</div>
<div class="subscribeSidebar">
<a class="subscribeNow" href="https://htmlg.com/license/" rel="nofollow">
Try the Pro HTML Editor
</a>
<ul class="benefits">
<li>No ads and limitations</li>
<li>No link inserts</li>
<li>More features:
<ul>
<li>Save settings</li>
<li>Custom CSS</li>
<li>Auxiliary editor</li>
<li>Tag manager</li>
<li>Tag and tag attribute filters</li>
</ul>
</li>
</ul>
<a class="subscribeNow" href="https://htmlg.com/license/" rel="nofollow">
<img src="cameroon_files/htmlg-icon.png" alt="pro"> htmlg.com »
</a>
</div>
</div>
<div class="klirfix">
</div>
<div id="lipszuTextarea">
</div>
<div class="overlayContainer">
<div class="overlayer">
</div>
<div class="settingsList">
<div id="optionButton0" onclick="clickedOption(0);" style="background-position: 10px 0px;">Cleaning options</div>
<div id="optionButton1" onclick="clickedOption(1);" style="background-position: 10px -66px;">Clear inline styles</div>
<div id="optionButton3" onclick="clickedOption(3);" style="background-position: 10px -66px;">Clear classes and IDs</div>
<div id="optionButton16" onclick="clickedOption(16);" style="background-position: 10px -66px;">Character encoding</div>
<div id="optionButton13" onclick="clickedOption(13);" style="background-position: 10px -66px;">Clear comments</div>
<div id="optionButton10" onclick="clickedOption(10);" style="background-position: 10px -66px;">Clear span tags</div>
<div id="optionButton2" onclick="clickedOption(2);" style="background-position: 10px -66px;">Clear successive &nbsp;s</div>
<div id="optionButton6" onclick="clickedOption(6);" style="background-position: 10px -66px;">Clear tags with one &nbsp;</div>
<div id="optionButton5" onclick="clickedOption(5);" style="background-position: 10px 0px;">Clear empty tags</div>
<div id="optionButton15" onclick="clickedOption(15);" style="background-position: 10px 0px;">Clear tag attributes</div>
<div id="optionButton12" onclick="clickedOption(12);" style="background-position: 10px 0px;">Clear all tags</div>
<div id="optionButton11" onclick="clickedOption(11);" style="background-position: 10px 0px;">Clear images</div>
<div id="optionButton9" onclick="clickedOption(9);" style="background-position: 10px 0px;">Clear links</div>
<div id="optionButton7" onclick="clickedOption(7);" style="background-position: 10px 0px;">Clear tables </div>
<div id="optionButton8" onclick="clickedOption(8);" style="background-position: 10px 0px;">Convert tables to <div>s </div>
<div id="optionButton14" onclick="clickedOption(14);" style="background-position: 10px 0px;">Organize tree-view</div>
<div id="optionButton4" onclick="clickedOption(4);" style="background-position: 10px -66px;">Convert <b> to <strong>, <i> to <em></div>
<p><a class="buttonka settingsDefault">Default</a> <a class="buttonka settingsOk">Close</a> <a class="buttonka settingsClean performCleaning">Clean</a></p>
</div>
<div class="colorPicker">
<div class="windowHeader">Color Picker</div>
<div class="windowContent">
<input class="color {pickerOnfocus:false, onImmediateChange:'updateColor();'}" id="myColor" onmousemove="document.getElementById('myColor').color.showPicker();" autocomplete="off" style="background-image: none; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" value="FFFFFF">
<div id="selectedbackgr">
</div>
<div id="colorToUse">
</div>
<div id="savedCodes" class="clearfix">
</div>
<div id="openColorLink" class="buttonkak">
<a class="buttonka" href="#" target="_blank">Color Mixer</a>
</div>
</div>
</div>
<div class="lipsumText">
<div class="windowHeader">
Gibberish text generator
</div>
<div class="lipsumItself">
<form name="szettingform">
Number of paragraphs:
<select name="hanyparagrafuslegyen">
<option value="1">1</option>
<option value="2">2</option>
<option value="5" selected="selected">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
<br>Populate:
<select name="mitpupulaljon">
<option value="1" selected="selected">the editor</option>
<option value="2">page</option>
</select>
</form>
<a class="buttonka" onclick="generateLipsum();">Generate</a>
</div>
</div>
<div class="replaceList">
<div class="windowHeader">Find and replace in HTML source</div>
<div id="replace1" class="replaceText">
<div>Find: <input name="replacetext1" id="replacetext1"></div>
<div>Replace with: <input name="replacewith1" id="replacewith1"></div>
<a onclick="deleteRepField(1);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace2" class="replaceText">
<div>Find: <input name="replacetext2" id="replacetext2"></div>
<div>Replace with: <input name="replacewith2" id="replacewith2"></div>
<a onclick="deleteRepField(2);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace3" class="replaceText">
<div>Find: <input name="replacetext3" id="replacetext3"></div>
<div>Replace with: <input name="replacewith3" id="replacewith3"></div>
<a onclick="deleteRepField(3);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace4" class="replaceText">
<div>Find: <input name="replacetext4" id="replacetext4"></div>
<div>Replace with: <input name="replacewith4" id="replacewith4"></div>
<a onclick="deleteRepField(4);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace5" class="replaceText">
<div>Find: <input name="replacetext5" id="replacetext5"></div>
<div>Replace with: <input name="replacewith5" id="replacewith5"></div>
<a onclick="deleteRepField(5);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace6" class="replaceText">
<div>Find: <input name="replacetext6" id="replacetext6"></div>
<div>Replace with: <input name="replacewith6" id="replacewith6"></div>
<a onclick="deleteRepField(6);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace7" class="replaceText">
<div>Find: <input name="replacetext7" id="replacetext7"></div>
<div>Replace with: <input name="replacewith7" id="replacewith7"></div>
<a onclick="deleteRepField(7);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace8" class="replaceText">
<div>Find: <input name="replacetext8" id="replacetext8"></div>
<div>Replace with: <input name="replacewith8" id="replacewith8"></div>
<a onclick="deleteRepField(8);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace9" class="replaceText">
<div>Find: <input name="replacetext9" id="replacetext9"></div>
<div>Replace with: <input name="replacewith9" id="replacewith9"></div>
<a onclick="deleteRepField(9);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace10" class="replaceText">
<div>Find: <input name="replacetext10" id="replacetext10"></div>
<div>Replace with: <input name="replacewith10" id="replacewith10"></div>
<a onclick="deleteRepField(10);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace11" class="replaceText">
<div>Find: <input name="replacetext11" id="replacetext11"></div>
<div>Replace with: <input name="replacewith11" id="replacewith11"></div>
<a onclick="deleteRepField(11);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<div id="replace12" class="replaceText">
<div>Find: <input name="replacetext12" id="replacetext12"></div>
<div>Replace with: <input name="replacewith12" id="replacewith12"></div>
<a onclick="deleteRepField(12);" title="Delete this find and replace field"><div class="deleteField"></div></a>
</div>
<a onclick="addRepField();" title="Add new field"><div class="addNewField"></div></a>
<div class="clearboth">
</div>
<a title="Find and Replace now" id="findreplacenow" class="buttonka">Replace Now</a>
</div>
</div>
<div class="mainArticle" itemscope="" itemtype="https://schema.org/CreativeWork">
<a class="subscribeNow" href="https://htmlg.com/license/" rel="nofollow">
Purchase The Pro HTML Editor License! <img src="cameroon_files/htmlg-icon.png" alt="pro">
</a>
<article>
<h1>Online HTML Editor</h1>
<p><strong>The best real-time online HTML editor software kit with
dynamic instant live visual preview and inline WYSIWYG editor and markup
clean-up feature. Includes a HTML viewer, editor, compressor,
beautifier and easy formatter. It's impossible to create invalid
code with this tool.</strong></p>
<iframe data-id="html-online.com_970x250_responsive_DFP" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" data-rendered="true" style="width: 970px; height: 90px;" id="adg-87daca1d127309a" width="1" height="1" frameborder="0"></iframe> <script> (function () { var size='970x250|300x250', adunit = 'html-online.com_970x250_responsive_DFP', childNetworkId = '22366645410', xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){var es = document.querySelectorAll("[data-id='"+adunit+"']");var e = Array.from(es).filter(function(e) {return !e.hasAttribute("data-rendered")});if(e.length > 0){e.forEach(function(el){var iframe = el.contentWindow.document;iframe.open();iframe.write(xmlhttp.responseText);iframe.close();el.setAttribute('data-rendered', true)})}}};var child=childNetworkId.trim()?','+childNetworkId.trim():'';xmlhttp.open("GET", 'https://pubads.g.doubleclick.net/gampad/adx?iu=/147246189'+child+'/'+adunit+'&sz='+encodeURI(size)+'&t=Placement_type%3Dserving&'+Date.now(), true);xmlhttp.send();})(); </script>
<h2>How To Use The HTML Editor?</h2>
<p>The operation of this <a href="https://htmlg.com/html-editor/" target="_blank" rel="nofollow">HTML editor</a> with built-in <a rel="nofollow" href="https://html-cleaner.com/" target="_blank">HTML Cleaner</a> is very intuitive and it's working in your browser without installing any additional program. Compose your text using the <abbr title="What You See Is What You Get">WYSIWYG</abbr>
editor on the left and adjust formatting of the source code on the
right. To convert Microsoft Word, PDF or any other rich-text documents
to HTML, simply paste it in the visual editor. Perform bulk operations
on the HTML code by clicking the Clean button after adjusting the
settings.</p>
<p><a href="https://html-online.com/" title="Online HTML Editor"><img src="cameroon_files/html-editor.png" class="imageright" alt="best html editor"></a>Before you start composing the content for a live website I advise you to experiment <a href="https://html-online.com/#features">with the features</a> populating the work area with a demo text clicking the <strong>Quick Tour</strong> menu item.</p>
<p>The visual editor works like a regular text composer program,
just use the commands above the text area to adjust the content and in
the meantime you'll notice the source editor changing with it. If you're
familiar with HTML code composing then you can adjust the code
on the right.</p>
<p>Being a free demonstration for the pro version, this tool has its
limitations and it adds unwanted links to the edited documents.
You can remove these manually before publishing the article.</p>
<h2>What Can You Do With This Online WYSIWYG Editor</h2>
<p>The control panel above the HTML source editor lists the most important commands:</p>
<div class="tutorialcontainer">
<div>
<div class="tutorial tut1"></div> – Revert the text back to the
state before the cleaning or execution of any other major event. The
visual editor has its own Undo button.
</div>
<div>
<div class="tutorial tut2"></div> – The fresh page command starts a new document. The same feature is listed below File / New document.
</div>
<div>
<div class="tutorial tut4"></div> – Deleting the new lines from the HTML code you can compress the source code.
</div>
<div>
<div class="tutorial tut5"></div> – Define replacement rules and
execute them. Use the plus button to define new rules and the recycle
bin to remove one.
</div>
<div>
<div class="tutorial tut6"></div> – Fill the page with meaningless writing to fill gaps or experiment with the layout.
</div>
<div>
<div class="tutorial tut7"></div> – Pick a color from the palette
and use them with the easy Click and Copy feature. Save the active
colors for later use or use the <a rel="nofollow" href="https://rgbcolorcode.com/" target="_blank">advanced color mixer by RGBColorCode.com</a>
</div>
<div>
<div class="tutorial tut11"></div> – Activate automatic scroll. The two editors will scroll together when this option is enabled.
</div>
<div>
<div class="tutorial tut9"></div> – Adjust the font size according to your preferences.
</div>
<div>
<div class="tutorial tut8"></div> – Set up the cleaning options
here. Your settings will not be lost when you leave the website. Click
the header to select/disable all options.
</div>
<div>
<div class="tutorial tut10">Clean</div> – Execute all options that are checked in the settings (see gear icon above).
</div>
</div>
<h3>Other important editing features</h3>
<p>You can try these HTML editor features to practice and to maximize your coding efficiency.</p>
<ul>
<li><strong>Document converter</strong> – To convert any visual document like Excel, PDF, <a rel="nofollow" href="https://wordhtml.com/" target="_blank">Word to HTML</a> just paste the doc in the visual editor and the markup will show up instantly on the right. </li>
<li><strong>Online text editor</strong> – Compose documents, just
like in a rich text editor. Use the control panel to include images,
tables, headings, lists and other items to your paper.</li>
<li><strong>Copy - paste</strong> – The editor won't allow you to
save the documents. For this you have to copy your generated code into a
blank text file, change its extension to <em>.html</em> and open it in a <a href="https://www.google.com/chrome/index.html" target="_blank" rel="nofollow">web browser</a>.</li>
<li><strong>Work with tables</strong> – Using the WYSIWYG editor
panel you can create a table of any dimmension in only 2 clicks. There's
a cleaning option to convert them to styled DIV tags.</li>
<li><strong>Undo</strong> – Both editors have this function which
allows to revert back the document to a previous state, ie. before the
cleaning has been performed.</li>
<li><strong>Interactive demo</strong> – Take a 4-step tour going through the features clicking the <em>Quick Tour</em> menu item. Learn how to use the redactor and experiment with the demo text. </li>
</ul>
<h2>Never forget:</h2>
<ul>
<li>Have a backup before using this tool to make sure you can always revert back to your original document.</li>
<li>Always check your code before publishing on a live website. Check the <a href="https://html-online.com/articles/article-editing-tips/">quality</a> of the article.</li>
<li>This editor never saves or sends out your document, all operations are performed on your local computer.</li>
<li>Like most websites, this one uses cookies.</li>
</ul>
<h2>Div Table Styling</h2>
<p>Make sure you apply the CSS code below when you publish <a href="https://html-cleaner.com/features/replace-html-table-tags-with-divs/" target="_blank" rel="nofollow">tables converted to div elements.</a> Try the interactive online <a href="https://divtable.com/table-styler/" target="_blank" rel="nofollow">table styler</a> which can generate grids from both div and table elements. These are both supported by this editor. </p>
<p><em>Please note that the class names used by us are slightly different than the ones used by DivTable.com.</em></p>
<pre class="cssTableInclude"><span style="font-style:italic">.rTable</span> { <span style="color:#6d79de;font-weight:700">display</span>: table; <span style="color:#6d79de;font-weight:700">width</span>: <span style="color:#0000cd">100<span style="color:#00f;font-weight:700">%</span></span>;}
<span style="font-style:italic">.rTableRow</span> { <span style="color:#6d79de;font-weight:700">display</span>: <span style="color:#06960e;font-weight:700">table-row</span>; }
<span style="font-style:italic">.rTableHeading</span> { <span style="color:#6d79de;font-weight:700">background-color</span>: <span style="color:#c5060b;font-weight:700">#ddd</span>; <span style="color:#6d79de;font-weight:700">display</span>: <span style="color:#06960e;font-weight:700">table-header-group</span>; }
<span style="font-style:italic">.rTableCell</span>, <span style="font-style:italic">.rTableHead</span> { <span style="color:#6d79de;font-weight:700">display</span>: <span style="color:#06960e;font-weight:700">table-cell</span>; <span style="color:#6d79de;font-weight:700">padding</span>: <span style="color:#0000cd">3<span style="color:#00f;font-weight:700">px</span></span> <span style="color:#0000cd">10<span style="color:#00f;font-weight:700">px</span></span>; <span style="color:#6d79de;font-weight:700">border</span>: <span style="color:#0000cd">1<span style="color:#00f;font-weight:700">px</span></span> <span style="color:#06960e;font-weight:700">solid</span> <span style="color:#c5060b;font-weight:700">#999999</span>; }
<span style="font-style:italic">.rTableHeading</span> { <span style="color:#6d79de;font-weight:700">display</span>: <span style="color:#06960e;font-weight:700">table-header-group</span>; <span style="color:#6d79de;font-weight:700">background-color</span>: <span style="color:#c5060b;font-weight:700">#ddd</span>; <span style="color:#6d79de;font-weight:700">font-weight</span>: <span style="color:#06960e;font-weight:700">bold</span>; }
<span style="font-style:italic">.rTableFoot</span> { <span style="color:#6d79de;font-weight:700">display</span>: <span style="color:#06960e;font-weight:700">table-footer-group</span>; <span style="color:#6d79de;font-weight:700">font-weight</span>: <span style="color:#06960e;font-weight:700">bold</span>; <span style="color:#6d79de;font-weight:700">background-color</span>: <span style="color:#c5060b;font-weight:700">#ddd</span>; }
<span style="font-style:italic">.rTableBody</span> { <span style="color:#6d79de;font-weight:700">display</span>: <span style="color:#06960e;font-weight:700">table-row-group</span>; }
</pre>
<p>Click and copy the code from the field below:
<textarea name="csstablecode" id="csstablecode" onclick="this.select()"> .rTable { display: table; width: 100%;}
.rTableRow { display: table-row; }
.rTableHeading { background-color: #ddd; display: table-header-group; }
.rTableCell, .rTableHead { display: table-cell; padding: 3px 10px; border: 1px solid #999999; }
.rTableHeading { display: table-header-group; background-color: #ddd; font-weight: bold; }
.rTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; }
.rTableBody { display: table-row-group; }</textarea></p>
<p><strong>You can use this website absolutely free but by using
this tool you accept to link to this website or our partner sites. If
you don't want this, please <a href="https://htmlg.com/license/" rel="nofollow">subscribe for a pro HTMLG license</a> and you get even more HTML editing features.</strong></p>
<p>Please send us an email to <img style="vertical-align: bottom;" src="cameroon_files/contact-address.png" alt="html online editor contact"> if you have any suggestion or you just want to say hello. </p>
<div class="clearboth">
</div>
<div class="addThisButts">
<div class="addthisButtons">
<ul>
<li><a href="https://www.facebook.com/sharer/sharer.php?u=https://html-online.com" target="_blank" rel="nofollow"><img src="cameroon_files/fb.svg" alt="Facebook"></a></li>
<li><a href="https://twitter.com/home?status=https://html-online.com" target="_blank" rel="nofollow"><img src="cameroon_files/twitt.svg" alt="Twitter"></a></li>
<li><a href="https://www.linkedin.com/shareArticle?mini=true&url=https://html-online.com&title=HTML%20Onliner&summary=Convert%20your%20dirty%20code%20to%20a%20organized%20HTML%20source%20with%20this%20free%20online%20tool&source=" target="_blank" rel="nofollow"><img src="cameroon_files/linkedin.svg" alt="Linkedin"></a></li>
<li><a href="https://pinterest.com/pin/create/button/?url=https://html-online.com/img/online-html-editor.jpg&media=HTML%20Online&description=Convert%20your%20dirty%20code%20to%20an%20organized%20HTML%20source%20with%20this%20free%20online%20tool" target="_blank" rel="nofollow"><img src="cameroon_files/pinterest.svg" alt="Pinteres"></a></li>
<li><a href="mailto:?Subject=Online%20HTML%20Editor&Body=Hi%21%0ACheck%20out%20the%20online%20HTML%20code%20editor:%20https://html-online.com"><img src="cameroon_files/mail.svg" alt="Mailt to a friend"></a></li>
</ul>
</div>
</div>
</article>
</div>
<div class="clearboth">
</div>
<footer>
<div class="footerDiv">
<span>We use cookies on this website to provide a better user
experience. You can adjust your browser settings or stop using this
website if you do not agree.</span><br>
<a href="https://html-online.com/privacy-terms-and-conditions/">Privacy, Terms & Conditions</a> | © HTML-Online.com
</div>
</footer>
</div>
<div id="ctaContent">
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-64238923-1', 'auto');
ga('send', 'pageview');
</script>
<iframe style="display: none;" name="__tcfapiLocator"></iframe><iframe src="cameroon_files/syncframe.html" style="border-width: 0px; margin: 0px; display: none;" title="Criteo GUM iframe" width="0" height="0" frameborder="0"></iframe><iframe src="cameroon_files/syncframe_002.html" style="border-width: 0px; margin: 0px; display: none;" title="Criteo GUM iframe" width="0" height="0" frameborder="0"></iframe><iframe src="cameroon_files/syncframe_003.html" style="border-width: 0px; margin: 0px; display: none;" title="Criteo GUM iframe" width="0" height="0" frameborder="0"></iframe><img id="adg-0-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/sync.gif"><img id="adg-0-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/sync.gif"><iframe id="adg-0-sync" marginwidth="0" marginheight="0" scrolling="no" src="cameroon_files/a_007.png" style="border: 0px; display: none;" width="0" height="0" frameborder="0"></iframe><img id="adg-1-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/server_match.gif"><img id="adg-1-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/server_match.gif"><img id="adg-1-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/server_match.gif"><iframe id="adg-2-sync" marginwidth="0" marginheight="0" scrolling="no" src="cameroon_files/a_007.png" style="border: 0px; display: none;" width="0" height="0" frameborder="0"></iframe><iframe id="adg-2-sync" marginwidth="0" marginheight="0" scrolling="no" src="cameroon_files/a_007.png" style="border: 0px; display: none;" width="0" height="0" frameborder="0"></iframe><img id="adg-2-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/sync.gif"><div id="mceu_112" class="mce-container mce-panel mce-floatpanel mce-menu mce-animate mce-menu-has-icons mce-menu-align mce-in" hidefocus="1" tabindex="-1" role="application" style="border-width: 1px; z-index: 65535; left: 54.5px; top: 225px; width: 181.45px;" aria-labelledby="mceu_112" aria-describedby="mceu_112-none"><div id="mceu_112-body" class="mce-container-body mce-stack-layout" role="menu" style="width: 181.45px;"><div id="mceu_113" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item mce-first" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-newdocument"></i> <span id="mceu_113-text" class="mce-text">New document</span></div><div id="mceu_114" class="mce-menu-item mce-menu-item-sep mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="separator"></div><div id="mceu_115" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-none"></i> <span id="mceu_115-text" class="mce-text">Preview</span></div><div id="mceu_116" class="mce-menu-item mce-menu-item-sep mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="separator"></div><div id="mceu_117" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item mce-last" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-print"></i> <span id="mceu_117-text" class="mce-text">Print</span></div></div></div><div id="mceu_118" class="mce-container mce-panel mce-floatpanel mce-menu mce-animate mce-menu-has-icons mce-menu-align" hidefocus="1" tabindex="-1" role="application" style="border-width: 1px; z-index: 65536; left: 105.5px; top: 225px; width: 218.067px; display: none;" aria-labelledby="mceu_118" aria-describedby="mceu_118-none"><div id="mceu_118-body" class="mce-container-body mce-stack-layout" role="menu" style="width: 218.067px;"><div id="mceu_119" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item mce-first" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-undo"></i> <span id="mceu_119-text" class="mce-text">Undo</span><div id="mceu_119-shortcut" class="mce-menu-shortcut">Ctrl+Z</div></div><div id="mceu_120" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="menuitem" aria-disabled="false"><i class="mce-ico mce-i-redo"></i> <span id="mceu_120-text" class="mce-text">Redo</span><div id="mceu_120-shortcut" class="mce-menu-shortcut">Ctrl+Y</div></div><div id="mceu_121" class="mce-menu-item mce-menu-item-sep mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="separator"></div><div id="mceu_122" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-cut"></i> <span id="mceu_122-text" class="mce-text">Cut</span><div id="mceu_122-shortcut" class="mce-menu-shortcut">Ctrl+X</div></div><div id="mceu_123" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-copy"></i> <span id="mceu_123-text" class="mce-text">Copy</span><div id="mceu_123-shortcut" class="mce-menu-shortcut">Ctrl+C</div></div><div id="mceu_124" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-paste"></i> <span id="mceu_124-text" class="mce-text">Paste</span><div id="mceu_124-shortcut" class="mce-menu-shortcut">Ctrl+V</div></div><div id="mceu_125" class="mce-menu-item mce-menu-item-checkbox mce-stack-layout-item" tabindex="-1" role="menuitemcheckbox" aria-checked="false" aria-pressed="false"><i class="mce-ico mce-i-selected"></i> <span id="mceu_125-text" class="mce-text">Paste as text</span></div><div id="mceu_126" class="mce-menu-item mce-menu-item-sep mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="separator"></div><div id="mceu_127" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-selectall"></i> <span id="mceu_127-text" class="mce-text">Select all</span><div id="mceu_127-shortcut" class="mce-menu-shortcut">Ctrl+A</div></div><div id="mceu_128" class="mce-menu-item mce-menu-item-sep mce-menu-item-normal mce-stack-layout-item" tabindex="-1" role="separator"></div><div id="mceu_129" class="mce-menu-item mce-menu-item-normal mce-stack-layout-item mce-last" tabindex="-1" role="menuitem"><i class="mce-ico mce-i-none"></i> <span id="mceu_129-text" class="mce-text">Find and replace</span><div id="mceu_129-shortcut" class="mce-menu-shortcut">Ctrl+F</div></div></div></div><iframe id="adg-0-sync" marginwidth="0" marginheight="0" scrolling="no" src="cameroon_files/a_007.png" style="border: 0px; display: none;" width="0" height="0" frameborder="0"></iframe><iframe id="adg-0-sync" marginwidth="0" marginheight="0" scrolling="no" src="cameroon_files/a_007.png" style="border: 0px; display: none;" width="0" height="0" frameborder="0"></iframe><img id="adg-1-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/server_match.gif"><img id="adg-1-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/sync.gif"><img id="adg-2-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/sync.gif"><img id="adg-2-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/server_match.gif"><img id="adg-0-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/server_match.gif"><iframe id="adg-1-sync" marginwidth="0" marginheight="0" scrolling="no" src="cameroon_files/a_007.png" style="border: 0px; display: none;" width="0" height="0" frameborder="0"></iframe><img id="adg-2-sync" style="position:absolute; display:none; height:0; width:0;" src="cameroon_files/sync.gif"></body></html>