Free Online HTML Editor (No Signup) – FreeWWW

HTML Editor

Write HTML, CSS & JavaScript with a live preview — visual & code modes, autosave, no signup

About This Free HTML Editor

A powerful, completely free HTML editor that lets you write HTML, CSS and JavaScript and see the rendered result instantly in a side-by-side live preview. Switch seamlessly between visual (WYSIWYG) editing and direct code editing, with real-time synchronization between both views.

Key Features:

How to Use: Select your preferred mode (Visual or Code), start typing or paste your HTML, use the toolbar for formatting, and save your work using the download button or Google Drive integration.

Visual Editor
Live Preview
Words: 0 • Characters: 0
✓ Auto-saved
Size: 0 KB

Processing...

',_0x5083e8(0x224),_0x5083e8(0x16a)]['join']('\x0a');function _0x501b9e(_0x197cc8){const _0x24bf4d=_0x5083e8;if(!_0x197cc8)return _0x197cc8;var _0x4662d3={'area':0x1,'base':0x1,'br':0x1,'col':0x1,'embed':0x1,'hr':0x1,'img':0x1,'input':0x1,'link':0x1,'meta':0x1,'param':0x1,'source':0x1,'track':0x1,'wbr':0x1},_0x35b91f=_0x197cc8[_0x24bf4d(0x199)](/>\s+<')['trim'](),_0x165ca7=_0x35b91f['replace'](/>$/['test'](_0x8d89d7)||/^]+>.*<\/[^>]+>$/[_0x3dd0c9(0x1c8)](_0x8d89d7);_0x580562&&(_0x1ca7d8=Math[_0x3dd0c9(0x172)](0x0,_0x1ca7d8-0x1)),_0x3363e7[_0x3dd0c9(0x188)](new Array(_0x1ca7d8+0x1)['join']('\x20\x20')+_0x8d89d7),!_0x580562&&!_0x4be07b&&!_0x51edda&&/^]/i[_0x1f7155(0x1c8)](_0x41b37c)||/\x0a\x0a\x0a\x0a'+_0x1f7155(0x1bc)+_0x1f7155(0x206)+_0x41b37c+_0x1f7155(0x1b1);}function _0x3d8602(_0x23818e){const _0x5e23c9=_0x5083e8;_0x4cf759=_0x23818e,_0x173ce7[_0x5e23c9(0x1b4)](_0x226725=>{const _0x357ba7=_0x5e23c9;_0x226725[_0x357ba7(0x142)][_0x357ba7(0x1ce)]===_0x23818e?_0x226725[_0x357ba7(0x1c5)][_0x357ba7(0x160)](_0x357ba7(0x205)):_0x226725[_0x357ba7(0x1c5)][_0x357ba7(0x18e)](_0x357ba7(0x205));});if(_0x23818e===_0x5e23c9(0x19e)){const _0x4e546a=_0x28ecf0[_0x5e23c9(0x1a1)];_0x51423e[_0x5e23c9(0x228)]=_0x4e546a,_0x51423e['style']['display']=_0x5e23c9(0x175),_0x193287[_0x5e23c9(0x1e4)][_0x5e23c9(0x1d9)]=_0x5e23c9(0x1aa),_0x5302c[_0x5e23c9(0x1e4)][_0x5e23c9(0x1d9)]=_0x5e23c9(0x225),_0x58bb50[_0x5e23c9(0x1bb)]='Visual\x20Editor';}else{const _0x4ded9f=_0x51423e['innerHTML'];_0x28ecf0['value']=_0x4ded9f,_0x51423e[_0x5e23c9(0x1e4)][_0x5e23c9(0x1d9)]=_0x5e23c9(0x1aa),_0x193287[_0x5e23c9(0x1e4)][_0x5e23c9(0x1d9)]=_0x5e23c9(0x225),_0x5302c[_0x5e23c9(0x1e4)]['display']='none',_0x58bb50[_0x5e23c9(0x1bb)]=_0x5e23c9(0x20d),_0x275d51();}_0x5965cd(),_0xee0276();}function _0x40fa27(){const _0x515598=_0x5083e8;_0x173ce7[_0x515598(0x1b4)](_0x3deeb0=>{const _0xc3568f=_0x515598;_0x3deeb0[_0xc3568f(0x1fc)]('click',function(){const _0x5bf136=_0xc3568f;_0x3d8602(this['dataset'][_0x5bf136(0x1ce)]);});}),document[_0x515598(0x14d)](_0x515598(0x138))[_0x515598(0x1b4)](_0x40fb78=>{const _0xd09627=_0x515598;_0x40fb78['addEventListener'](_0xd09627(0x19f),function(){const _0x3f2ce0=_0xd09627,_0x187df1=this[_0x3f2ce0(0x142)][_0x3f2ce0(0x201)];document[_0x3f2ce0(0x20a)](_0x187df1,![],null),_0x51423e['focus']();});});const _0x29b570=document[_0x515598(0x13f)](_0x515598(0x1cf));_0x29b570['addEventListener'](_0x515598(0x1d7),function(){const _0x3bf5f0=_0x515598;document[_0x3bf5f0(0x20a)]('formatBlock',![],this['value']),_0x51423e[_0x3bf5f0(0x168)]();});const _0x4a741a=document[_0x515598(0x13f)](_0x515598(0x137));_0x4a741a[_0x515598(0x1fc)]('change',function(){const _0x3eb5fa=_0x515598;document[_0x3eb5fa(0x20a)]('fontName',![],this[_0x3eb5fa(0x1a1)]),_0x51423e['focus']();});const _0x216200=document[_0x515598(0x13f)](_0x515598(0x1e7)),_0x312134=document['getElementById'](_0x515598(0x1b6));_0x216200[_0x515598(0x1fc)](_0x515598(0x1f5),function(){const _0x209f0e=_0x515598;_0x312134['style'][_0x209f0e(0x143)]=this[_0x209f0e(0x1a1)],document['execCommand'](_0x209f0e(0x13c),![],this[_0x209f0e(0x1a1)]),_0x51423e['focus']();});const _0x23c60b=document[_0x515598(0x13f)](_0x515598(0x1d0)),_0x6f826e=document[_0x515598(0x13f)](_0x515598(0x21d));_0x23c60b[_0x515598(0x1fc)]('input',function(){const _0x2ddb5c=_0x515598;_0x6f826e[_0x2ddb5c(0x1e4)][_0x2ddb5c(0x143)]=this[_0x2ddb5c(0x1a1)],document[_0x2ddb5c(0x20a)]('backColor',![],this['value']),_0x51423e[_0x2ddb5c(0x168)]();});const _0x203a41=document[_0x515598(0x13f)](_0x515598(0x1d6)),_0x3b58e2=document['getElementById']('linkModal'),_0x347c56=document[_0x515598(0x13f)](_0x515598(0x1b9)),_0x5f58f9=document[_0x515598(0x13f)](_0x515598(0x1ee));_0x203a41[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x553a3b=_0x515598;_0x3b58e2[_0x553a3b(0x1c5)][_0x553a3b(0x160)]('active');}),_0x347c56[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0xeb5d2f=_0x515598;_0x3b58e2['classList'][_0xeb5d2f(0x18e)](_0xeb5d2f(0x205));}),_0x5f58f9[_0x515598(0x1fc)]('click',function(){const _0x146e46=_0x515598,_0x28c1bc=document[_0x146e46(0x13f)]('linkText')[_0x146e46(0x1a1)],_0x3bc877=document[_0x146e46(0x13f)](_0x146e46(0x1b2))['value'];if(_0x3bc877){if(_0x28c1bc){const _0x4fa802=''+_0x28c1bc+'';document[_0x146e46(0x20a)](_0x146e46(0x1bd),![],_0x4fa802);}else document['execCommand'](_0x146e46(0x162),![],_0x3bc877);}_0x3b58e2[_0x146e46(0x1c5)][_0x146e46(0x18e)](_0x146e46(0x205)),document['getElementById'](_0x146e46(0x169))[_0x146e46(0x1a1)]='',document['getElementById'](_0x146e46(0x1b2))[_0x146e46(0x1a1)]='';});const _0xc712a=document[_0x515598(0x13f)](_0x515598(0x204)),_0x32c67e=document[_0x515598(0x13f)](_0x515598(0x234)),_0x560023=document[_0x515598(0x13f)](_0x515598(0x179)),_0x6c991=document[_0x515598(0x13f)](_0x515598(0x22d));_0xc712a[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x2d6d51=_0x515598;_0x32c67e[_0x2d6d51(0x1c5)][_0x2d6d51(0x160)](_0x2d6d51(0x205));}),_0x560023[_0x515598(0x1fc)]('click',function(){const _0x162ae7=_0x515598;_0x32c67e['classList'][_0x162ae7(0x18e)](_0x162ae7(0x205));}),_0x6c991['addEventListener'](_0x515598(0x19f),function(){const _0x455589=_0x515598,_0xa7f29c=document[_0x455589(0x13f)](_0x455589(0x15f))[_0x455589(0x1a1)],_0x3b46a4=document['getElementById'](_0x455589(0x146))[_0x455589(0x1a1)];if(_0xa7f29c){const _0x1316b3=_0x455589(0x1b5)+_0xa7f29c+_0x455589(0x159)+(_0x3b46a4||_0x455589(0x1a5))+_0x455589(0x176);document[_0x455589(0x20a)]('insertHTML',![],_0x1316b3);}_0x32c67e[_0x455589(0x1c5)][_0x455589(0x18e)](_0x455589(0x205)),document['getElementById'](_0x455589(0x15f))['value']='',document[_0x455589(0x13f)](_0x455589(0x146))['value']='';});const _0x2a5c35=document[_0x515598(0x13f)](_0x515598(0x22e)),_0x14ac13=document[_0x515598(0x13f)](_0x515598(0x1b7)),_0xbf86f3=document[_0x515598(0x13f)](_0x515598(0x16e)),_0x5eb60e=document[_0x515598(0x13f)]('insertTableBtn');_0x2a5c35[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x2194e0=_0x515598;_0x14ac13[_0x2194e0(0x1c5)][_0x2194e0(0x160)](_0x2194e0(0x205));}),_0xbf86f3[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x430ea9=_0x515598;_0x14ac13['classList']['remove'](_0x430ea9(0x205));}),_0x5eb60e['addEventListener']('click',function(){const _0x1a6405=_0x515598,_0x17d003=parseInt(document['getElementById'](_0x1a6405(0x218))[_0x1a6405(0x1a1)]),_0x280e7d=parseInt(document[_0x1a6405(0x13f)](_0x1a6405(0x1f2))[_0x1a6405(0x1a1)]);let _0x53dc95='';for(let _0x1d39e7=0x0;_0x1d39e7<_0x17d003;_0x1d39e7++){_0x53dc95+=_0x1a6405(0x1d2);for(let _0x126372=0x0;_0x126372<_0x280e7d;_0x126372++){_0x53dc95+=_0x1a6405(0x1ad);}_0x53dc95+=_0x1a6405(0x153);}_0x53dc95+=_0x1a6405(0x18a),document[_0x1a6405(0x20a)]('insertHTML',![],_0x53dc95),_0x14ac13[_0x1a6405(0x1c5)][_0x1a6405(0x18e)](_0x1a6405(0x205));}),document[_0x515598(0x13f)]('undoBtn')[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x1272a4=_0x515598;document['execCommand'](_0x1272a4(0x1b0),![],null);}),document[_0x515598(0x13f)](_0x515598(0x191))[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x54d75f=_0x515598;document['execCommand'](_0x54d75f(0x1fa),![],null);}),document[_0x515598(0x13f)](_0x515598(0x1f6))[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x272983=_0x515598;confirm(_0x272983(0x1e1))&&(_0x51423e[_0x272983(0x228)]='',_0x28ecf0[_0x272983(0x1a1)]='',_0x58b59e(),_0x5965cd(),_0x275d51(),_0xee0276(),_0x51ede9(_0x272983(0x171)));});const _0x5de38a=document['getElementById'](_0x515598(0x173)),_0x2d023d=document[_0x515598(0x13f)](_0x515598(0x15d));_0x5de38a[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x440623=_0x515598;_0x2d023d[_0x440623(0x19f)]();}),_0x2d023d[_0x515598(0x1fc)]('change',function(_0x2298c9){const _0x2918fb=_0x515598,_0x1eabb3=_0x2298c9[_0x2918fb(0x185)][_0x2918fb(0x186)][0x0];if(_0x1eabb3){const _0x108c42=new FileReader();_0x108c42[_0x2918fb(0x1b8)]=function(_0x443092){const _0x4c6197=_0x2918fb,_0x41562b=_0x443092[_0x4c6197(0x185)]['result'];_0x4cf759===_0x4c6197(0x19e)?_0x51423e[_0x4c6197(0x228)]=_0x41562b:_0x28ecf0['value']=_0x41562b,_0x58b59e(),_0x5965cd(),_0x275d51(),_0xee0276(),_0x51ede9(_0x4c6197(0x19d));},_0x108c42[_0x2918fb(0x15a)](_0x1eabb3);}_0x2d023d['value']='';}),document['getElementById'](_0x515598(0x18c))[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x134a25=_0x515598,_0x53f2a1=_0x41b05e(),_0x36cb83=new Blob([_0x53f2a1],{'type':_0x134a25(0x196)}),_0x28ffcf=URL['createObjectURL'](_0x36cb83),_0x29b24d=document['createElement']('a');_0x29b24d[_0x134a25(0x161)]=_0x28ffcf,_0x29b24d[_0x134a25(0x18f)]=_0x134a25(0x1e5),document[_0x134a25(0x211)][_0x134a25(0x20f)](_0x29b24d),_0x29b24d['click'](),document['body'][_0x134a25(0x1f0)](_0x29b24d),URL[_0x134a25(0x181)](_0x28ffcf),_0x51ede9('File\x20downloaded\x20successfully');}),document[_0x515598(0x13f)]('copyBtn')[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x5c67ca=_0x515598,_0x397d42=_0x4cf759===_0x5c67ca(0x19e)?_0x51423e[_0x5c67ca(0x228)]:_0x28ecf0[_0x5c67ca(0x1a1)];navigator[_0x5c67ca(0x214)][_0x5c67ca(0x15e)](_0x397d42)['then'](function(){const _0x23870c=_0x5c67ca;_0x51ede9(_0x23870c(0x1fd));})['catch'](function(){const _0x551a4c=_0x5c67ca;_0x51ede9('Failed\x20to\x20copy\x20to\x20clipboard',_0x551a4c(0x177));});}),_0x51423e[_0x515598(0x1fc)](_0x515598(0x1f5),function(){_0x5965cd(),_0x287b9d(),_0x2ca11b();}),_0x28ecf0['addEventListener'](_0x515598(0x1f5),function(){_0x5965cd(),_0x275d51(),_0x287b9d(),_0x2ca11b();}),_0x28ecf0[_0x515598(0x1fc)]('scroll',function(){const _0x46b210=_0x515598;_0x481dbf['scrollTop']=_0x28ecf0[_0x46b210(0x1f7)];}),_0x28ecf0[_0x515598(0x1fc)]('keydown',function(_0x43fe93){const _0x47fb2b=_0x515598;if(_0x43fe93['key']==='Tab'){_0x43fe93[_0x47fb2b(0x194)]();const _0x314cd4=this[_0x47fb2b(0x1f9)],_0x240b8f=this['selectionEnd'];this[_0x47fb2b(0x1a1)]=this[_0x47fb2b(0x1a1)]['slice'](0x0,_0x314cd4)+'\x20\x20'+this['value']['slice'](_0x240b8f),this[_0x47fb2b(0x1f9)]=this['selectionEnd']=_0x314cd4+0x2,_0x5965cd(),_0x275d51(),_0x287b9d(),_0x2ca11b();}}),document[_0x515598(0x13f)](_0x515598(0x21c))['addEventListener']('click',_0xee0276),document[_0x515598(0x13f)]('openPreviewBtn')[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x4839f4=_0x515598,_0x250c8e=window[_0x4839f4(0x1c4)]('',_0x4839f4(0x140));_0x250c8e?(_0x250c8e['document'][_0x4839f4(0x1c4)](),_0x250c8e[_0x4839f4(0x14f)][_0x4839f4(0x12e)](_0x1623bc()),_0x250c8e['document'][_0x4839f4(0x202)]()):_0x51ede9(_0x4839f4(0x1b3),_0x4839f4(0x147));}),document[_0x515598(0x13f)](_0x515598(0x19c))[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x516daf=_0x515598;_0x3d1dd9(!_0x4f7c7d),_0x51ede9(_0x4f7c7d?_0x516daf(0x180):_0x516daf(0x141));}),document[_0x515598(0x13f)](_0x515598(0x158))[_0x515598(0x1fc)]('click',function(){const _0x1ecd1e=_0x515598;_0x2d4806[_0x1ecd1e(0x1c5)][_0x1ecd1e(0x223)](_0x1ecd1e(0x151));}),document[_0x515598(0x1fc)](_0x515598(0x13a),function(_0x1d467c){const _0x50002f=_0x515598;_0x1d467c[_0x50002f(0x132)]===_0x50002f(0x15b)&&_0x2d4806[_0x50002f(0x1c5)]['contains']('fullscreen')&&_0x2d4806[_0x50002f(0x1c5)]['remove'](_0x50002f(0x151));}),document['getElementById'](_0x515598(0x13b))[_0x515598(0x1fc)]('click',function(){const _0x3f9201=_0x515598;if(_0x1623bc()[_0x3f9201(0x134)]()&&!confirm(_0x3f9201(0x198)))return;_0x4cf759!==_0x3f9201(0x1db)&&_0x3d8602('code'),_0x28ecf0[_0x3f9201(0x1a1)]=_0x577890,_0x5965cd(),_0x275d51(),_0xee0276(),_0x58b59e(),_0x51ede9('Sample\x20page\x20loaded');}),document[_0x515598(0x13f)](_0x515598(0x229))[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0xb5fbe5=_0x515598;_0x4cf759!==_0xb5fbe5(0x1db)&&_0x3d8602(_0xb5fbe5(0x1db)),_0x28ecf0[_0xb5fbe5(0x1a1)]=_0x501b9e(_0x28ecf0[_0xb5fbe5(0x1a1)]),_0x5965cd(),_0x275d51(),_0xee0276(),_0x58b59e(),_0x51ede9(_0xb5fbe5(0x1f4));}),_0x51423e['addEventListener'](_0x515598(0x131),function(_0x583bf3){const _0x114eca=_0x515598,_0x105192=(_0x583bf3[_0x114eca(0x133)]||window[_0x114eca(0x133)])['getData'](_0x114eca(0x203));if(_0x105192[_0x114eca(0x134)]()[_0x114eca(0x17e)]('<')&&_0x105192['includes']('>')){const _0x1bccdd=(_0x105192[_0x114eca(0x1da)](/<[^>]+>/g)||[])[_0x114eca(0x14b)];if(_0x1bccdd>0x2){_0x583bf3[_0x114eca(0x194)](),_0x3d8602(_0x114eca(0x1db)),_0x28ecf0[_0x114eca(0x1a1)]=_0x105192,_0x5965cd(),_0x275d51(),_0xee0276(),_0x2ca11b(),_0x51ede9(_0x114eca(0x15c));return;}}});const _0x3b4ce6=document[_0x515598(0x13f)](_0x515598(0x20c)),_0x56ce91=document[_0x515598(0x13f)](_0x515598(0x213)),_0x2a8b1c=document[_0x515598(0x13f)](_0x515598(0x187)),_0xf75301=document['getElementById'](_0x515598(0x166));_0x3b4ce6['addEventListener'](_0x515598(0x19f),function(){const _0x5b24bc=_0x515598;document[_0x5b24bc(0x13f)]('settingsClientId')[_0x5b24bc(0x1a1)]=_0x1897a3||'',document[_0x5b24bc(0x13f)](_0x5b24bc(0x1a0))[_0x5b24bc(0x1a1)]=_0x340663||'',_0x56ce91['classList']['add']('active');}),_0x2a8b1c[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0xe0c9a7=_0x515598;_0x56ce91[_0xe0c9a7(0x1c5)][_0xe0c9a7(0x18e)]('active');}),_0xf75301[_0x515598(0x1fc)](_0x515598(0x19f),function(){const _0x371a03=_0x515598,_0x11175c=document[_0x371a03(0x13f)](_0x371a03(0x1a6))[_0x371a03(0x1a1)][_0x371a03(0x134)](),_0x4f28f9=document[_0x371a03(0x13f)](_0x371a03(0x1a0))[_0x371a03(0x1a1)][_0x371a03(0x134)]();_0x1897a3=_0x11175c,_0x340663=_0x4f28f9;try{localStorage[_0x371a03(0x13d)](_0x371a03(0x163),_0x11175c),localStorage['setItem'](_0x371a03(0x230),_0x4f28f9),_0x2c25ac=![],_0x2e4092=![],_0x1713fd=null,_0x11175c&&_0x4f28f9?(_0x4b1d09(),_0x51ede9(_0x371a03(0x155))):_0x51ede9(_0x371a03(0x1cd));}catch(_0x5510eb){_0x51ede9('Failed\x20to\x20save\x20credentials',_0x371a03(0x177)),console['error'](_0x371a03(0x12f),_0x5510eb);}_0x56ce91[_0x371a03(0x1c5)]['remove'](_0x371a03(0x205));}),document[_0x515598(0x13f)](_0x515598(0x17d))[_0x515598(0x1fc)]('click',function(){_0x892631();}),document[_0x515598(0x13f)](_0x515598(0x1d5))[_0x515598(0x1fc)](_0x515598(0x19f),function(){_0x2aa0fa();}),document['querySelectorAll'](_0x515598(0x220))[_0x515598(0x1b4)](_0x9b8733=>{const _0x18161f=_0x515598;_0x9b8733[_0x18161f(0x1fc)](_0x18161f(0x19f),function(_0xce0c4a){const _0xa4f69d=_0x18161f;_0xce0c4a[_0xa4f69d(0x185)]===this&&this[_0xa4f69d(0x1c5)][_0xa4f69d(0x18e)]('active');});});}function _0xee0276(){const _0xc69efc=_0x5083e8;if(!_0x4f7c7d)return;try{_0x5ba12d['srcdoc']=_0x1623bc();}catch(_0x4b4056){console['error'](_0xc69efc(0x193),_0x4b4056);}}function _0x287b9d(){clearTimeout(_0x58a43b),_0x58a43b=setTimeout(_0xee0276,0x190);}function _0x275d51(){const _0x3d7fae=_0x5083e8;if(_0x193287['style'][_0x3d7fae(0x1d9)]===_0x3d7fae(0x1aa))return;const _0x5993c1=_0x28ecf0[_0x3d7fae(0x1a1)]['split']('\x0a')[_0x3d7fae(0x14b)]||0x1;let _0x3fbcce='';for(let _0x4849aa=0x1;_0x4849aa<=_0x5993c1;_0x4849aa++){_0x3fbcce+=_0x4849aa+'\x0a';}_0x481dbf[_0x3d7fae(0x1bb)]=_0x3fbcce,_0x481dbf[_0x3d7fae(0x1f7)]=_0x28ecf0[_0x3d7fae(0x1f7)];}function _0x3d1dd9(_0x4197fa){const _0x572654=_0x5083e8;_0x4f7c7d=_0x4197fa;_0x4197fa?(_0x4fe3d3[_0x572654(0x1c5)][_0x572654(0x18e)](_0x572654(0x16b)),_0xee0276()):_0x4fe3d3[_0x572654(0x1c5)][_0x572654(0x160)](_0x572654(0x16b));try{localStorage[_0x572654(0x13d)]('htmlEditorPreview',_0x4197fa?'1':'0');}catch(_0x296bc6){}}function _0x34e0e6(){const _0x104379=_0x5083e8;try{_0x4f7c7d=localStorage[_0x104379(0x165)](_0x104379(0x18b))!=='0';}catch(_0x474ce9){_0x4f7c7d=!![];}!_0x4f7c7d&&_0x4fe3d3[_0x104379(0x1c5)]['add']('preview-hidden');}function _0x5965cd(){const _0x3e47b5=_0x5083e8,_0xdb97c3=_0x4cf759===_0x3e47b5(0x19e)?_0x51423e[_0x3e47b5(0x228)]:_0x28ecf0[_0x3e47b5(0x1a1)],_0x112fc2=_0x4cf759===_0x3e47b5(0x19e)?_0x51423e[_0x3e47b5(0x152)]:_0x28ecf0[_0x3e47b5(0x1a1)],_0x53d116=_0x112fc2[_0x3e47b5(0x134)]()[_0x3e47b5(0x182)](/\s+/)[_0x3e47b5(0x149)](_0x2b3ed4=>_0x2b3ed4[_0x3e47b5(0x14b)]>0x0)['length'],_0x2e55ad=_0x112fc2[_0x3e47b5(0x14b)],_0x5e1f17=new Blob([_0xdb97c3])[_0x3e47b5(0x1e9)],_0x59ceac=(_0x5e1f17/0x400)[_0x3e47b5(0x1ba)](0x2);document[_0x3e47b5(0x13f)](_0x3e47b5(0x1a8))[_0x3e47b5(0x1bb)]=_0x3e47b5(0x1cb)+_0x53d116,document['getElementById'](_0x3e47b5(0x164))[_0x3e47b5(0x1bb)]=_0x3e47b5(0x1cc)+_0x2e55ad,document[_0x3e47b5(0x13f)](_0x3e47b5(0x208))[_0x3e47b5(0x1bb)]='Size:\x20'+_0x59ceac+_0x3e47b5(0x16d);}function _0x2ca11b(){const _0x2417bf=_0x5083e8;clearTimeout(_0x25b7e7),document[_0x2417bf(0x13f)](_0x2417bf(0x21a))[_0x2417bf(0x1bb)]=_0x2417bf(0x217),_0x25b7e7=setTimeout(function(){const _0x341722=_0x2417bf;_0x58b59e(),document[_0x341722(0x13f)](_0x341722(0x21a))[_0x341722(0x1bb)]='✓\x20Auto-saved';},0x3e8);}function _0x58b59e(){const _0x1d69c4=_0x5083e8;try{const _0x5e636e=_0x4cf759===_0x1d69c4(0x19e)?_0x51423e[_0x1d69c4(0x228)]:_0x28ecf0['value'];localStorage[_0x1d69c4(0x13d)]('htmlEditorContent',_0x5e636e),localStorage['setItem'](_0x1d69c4(0x22c),_0x4cf759);}catch(_0x1f5657){console[_0x1d69c4(0x177)](_0x1d69c4(0x1e2),_0x1f5657);}}function _0x592bf4(){const _0x2a6049=_0x5083e8;try{const _0x35064c=localStorage['getItem'](_0x2a6049(0x13e)),_0x52d142=localStorage[_0x2a6049(0x165)]('htmlEditorSeen'),_0x3da95a=_0x35064c!==null?_0x35064c:_0x52d142?'':_0x577890,_0x59370f=localStorage[_0x2a6049(0x165)]('htmlEditorMode')||(_0x35064c===null&&!_0x52d142?_0x2a6049(0x1db):_0x2a6049(0x19e));_0x3da95a&&(_0x59370f==='visual'?_0x51423e[_0x2a6049(0x228)]=_0x3da95a:_0x28ecf0['value']=_0x3da95a);try{localStorage['setItem'](_0x2a6049(0x21f),'1');}catch(_0x644ea1){}_0x3d8602(_0x59370f);}catch(_0x26f8ed){console[_0x2a6049(0x177)]('Failed\x20to\x20load\x20from\x20storage:',_0x26f8ed);}}function _0x302367(){const _0x36cba7=_0x5083e8;try{const _0x2fc2d2=localStorage['getItem'](_0x36cba7(0x163)),_0x4be6ad=localStorage[_0x36cba7(0x165)](_0x36cba7(0x230));if(_0x2fc2d2)_0x1897a3=_0x2fc2d2;if(_0x4be6ad)_0x340663=_0x4be6ad;}catch(_0x5c2854){console[_0x36cba7(0x177)](_0x36cba7(0x18d),_0x5c2854);}}function _0x51ede9(_0x270b5d,_0x1a9690){const _0x320fa0=_0x5083e8,_0x1c3b8b=document[_0x320fa0(0x235)](_0x320fa0(0x148));_0x1c3b8b[_0x320fa0(0x231)]=_0x320fa0(0x1c7)+(_0x1a9690?'\x20'+_0x1a9690:''),_0x1c3b8b['textContent']=_0x270b5d,document[_0x320fa0(0x211)]['appendChild'](_0x1c3b8b),setTimeout(function(){const _0x894cd0=_0x320fa0;_0x1c3b8b[_0x894cd0(0x18e)]();},0xbb8);}function _0x4b1d09(){const _0x4ff17c=_0x5083e8;if(!_0x1897a3||!_0x340663){console[_0x4ff17c(0x19b)](_0x4ff17c(0x17a));return;}function _0x4cbbc3(){const _0x332391=_0x4ff17c;gapi[_0x332391(0x1e0)](_0x332391(0x1ca),_0x8ac755);}function _0x8ac755(){const _0x5c976e=_0x4ff17c;gapi[_0x5c976e(0x1ca)]['init']({'apiKey':_0x340663,'discoveryDocs':[_0x538a96]})[_0x5c976e(0x1e8)](function(){_0x2c25ac=!![],_0x28dff0();},function(_0x284b7c){const _0x3046c3=_0x5c976e;console[_0x3046c3(0x177)](_0x3046c3(0x190),_0x284b7c),_0x51ede9(_0x3046c3(0x1ed),'error');});}function _0x48b7e7(){const _0x663c6a=_0x4ff17c;_0x5e6024=google[_0x663c6a(0x1d1)][_0x663c6a(0x14c)][_0x663c6a(0x1fb)]({'client_id':_0x1897a3,'scope':_0x249b98,'callback':''}),_0x2e4092=!![],_0x28dff0();}function _0x28dff0(){const _0xe570f8=_0x4ff17c;_0x2c25ac&&_0x2e4092&&(console['log']('Google\x20Drive\x20integration\x20ready'),_0x51ede9(_0xe570f8(0x14a)));}(function _0x16397e(){const _0x44e506=_0x4ff17c;typeof gapi!==_0x44e506(0x17f)?_0x4cbbc3():setTimeout(_0x16397e,0xc8);}(),function _0x28d97d(){const _0x4faa6d=_0x4ff17c;typeof google!=='undefined'&&google[_0x4faa6d(0x1d1)]&&google[_0x4faa6d(0x1d1)][_0x4faa6d(0x14c)]?_0x48b7e7():setTimeout(_0x28d97d,0xc8);}());}function _0x8b246d(_0x31ec06){const _0x2eee26=_0x5083e8;_0x5e6024['callback']=function(_0x43b343){const _0x28b4af=a0_0x4847;if(_0x43b343['error']!==undefined){_0x51ede9(_0x28b4af(0x232)+_0x43b343[_0x28b4af(0x177)],'error');return;}_0x1713fd=_0x43b343[_0x28b4af(0x130)],_0x31ec06();},_0x1713fd===null?_0x5e6024['requestAccessToken']({'prompt':_0x2eee26(0x1d3)}):_0x5e6024[_0x2eee26(0x22a)]({'prompt':''});}function _0x2aa0fa(){const _0x46ee1e=_0x5083e8;if(!_0x1897a3||!_0x340663){_0x51ede9('Please\x20configure\x20Google\x20Drive\x20credentials\x20in\x20Settings\x20(⚙️)\x20first','warning');return;}if(!_0x2c25ac||!_0x2e4092){_0x51ede9(_0x46ee1e(0x189),'error');return;}_0x8b246d(function(){const _0x3877de=_0x46ee1e,_0x5c6ad8=_0x4cf759==='visual'?_0x51423e[_0x3877de(0x228)]:_0x28ecf0['value'],_0x1bbcf6=_0x3877de(0x1dc)+Date[_0x3877de(0x135)]()+_0x3877de(0x216);_0xf60642(!![]);const _0x55813b=new Blob([_0x5c6ad8],{'type':_0x3877de(0x196)}),_0x411337={'name':_0x1bbcf6,'mimeType':_0x3877de(0x196)},_0x28c9a0=new FormData();_0x28c9a0[_0x3877de(0x136)](_0x3877de(0x209),new Blob([JSON[_0x3877de(0x1eb)](_0x411337)],{'type':_0x3877de(0x233)})),_0x28c9a0[_0x3877de(0x136)](_0x3877de(0x222),_0x55813b),fetch(_0x3877de(0x1c6),{'method':_0x3877de(0x236),'headers':new Headers({'Authorization':'Bearer\x20'+_0x1713fd}),'body':_0x28c9a0})[_0x3877de(0x1e8)](function(_0xb04462){const _0x5639a9=_0x3877de;return _0xb04462[_0x5639a9(0x1ef)]();})[_0x3877de(0x1e8)](function(_0x3d285f){const _0x21066a=_0x3877de;_0xf60642(![]),_0x51ede9(_0x21066a(0x183)+_0x1bbcf6);})[_0x3877de(0x1a4)](function(_0x5a80c9){const _0x35b694=_0x3877de;_0xf60642(![]),_0x51ede9(_0x35b694(0x21b),_0x35b694(0x177)),console[_0x35b694(0x177)](_0x35b694(0x1fe),_0x5a80c9);});});}function _0x892631(){const _0x4bab18=_0x5083e8;if(!_0x1897a3||!_0x340663){_0x51ede9('Please\x20configure\x20Google\x20Drive\x20credentials\x20in\x20Settings\x20(⚙️)\x20first',_0x4bab18(0x147));return;}if(!_0x2c25ac||!_0x2e4092){_0x51ede9(_0x4bab18(0x189),_0x4bab18(0x177));return;}_0x8b246d(function(){const _0x27c317=_0x4bab18;_0xf60642(!![]),gapi[_0x27c317(0x1ca)][_0x27c317(0x167)][_0x27c317(0x186)]['list']({'pageSize':0x14,'fields':_0x27c317(0x1dd),'q':_0x27c317(0x14e),'orderBy':_0x27c317(0x1ae)})[_0x27c317(0x1e8)](function(_0x13a0c6){const _0x1063d0=_0x27c317;_0xf60642(![]);const _0x26b3f3=_0x13a0c6[_0x1063d0(0x227)]['files'];if(!_0x26b3f3||_0x26b3f3[_0x1063d0(0x14b)]===0x0){_0x51ede9(_0x1063d0(0x1c2),_0x1063d0(0x147));return;}let _0x35669c=_0x1063d0(0x1e6);_0x26b3f3['forEach'](function(_0x482a84,_0x435c2c){const _0x4fb8e0=_0x1063d0;_0x35669c+=_0x435c2c+0x1+'.\x20'+_0x482a84[_0x4fb8e0(0x192)]+'\x0a';});const _0x3d5d7d=prompt(_0x35669c+_0x1063d0(0x1c1)+_0x26b3f3[_0x1063d0(0x14b)]+'):'),_0x39115f=parseInt(_0x3d5d7d)-0x1;_0x39115f>=0x0&&_0x39115f<_0x26b3f3[_0x1063d0(0x14b)]&&_0x2e7207(_0x26b3f3[_0x39115f]['id']);})['catch'](function(_0xf03ec0){const _0x1733d9=_0x27c317;_0xf60642(![]),_0x51ede9(_0x1733d9(0x226),'error'),console[_0x1733d9(0x177)](_0x1733d9(0x150),_0xf03ec0);});});}function _0x2e7207(_0x15ce55){const _0x1ade18=_0x5083e8;_0xf60642(!![]),fetch(_0x1ade18(0x200)+_0x15ce55+'?alt=media',{'headers':new Headers({'Authorization':_0x1ade18(0x22b)+_0x1713fd})})['then'](function(_0x2feede){return _0x2feede['text']();})[_0x1ade18(0x1e8)](function(_0x251338){const _0x3a22a3=_0x1ade18;_0xf60642(![]),_0x4cf759==='visual'?_0x51423e[_0x3a22a3(0x228)]=_0x251338:_0x28ecf0[_0x3a22a3(0x1a1)]=_0x251338,_0x58b59e(),_0x5965cd(),_0x275d51(),_0xee0276(),_0x51ede9('File\x20opened\x20from\x20Google\x20Drive');})[_0x1ade18(0x1a4)](function(_0x14a40b){const _0x51985f=_0x1ade18;_0xf60642(![]),_0x51ede9(_0x51985f(0x1be),_0x51985f(0x177)),console[_0x51985f(0x177)](_0x51985f(0x154),_0x14a40b);});}function _0xf60642(_0x1e247b){const _0x5c18fb=_0x5083e8,_0x2bccd4=document[_0x5c18fb(0x13f)](_0x5c18fb(0x170));_0x1e247b?_0x2bccd4[_0x5c18fb(0x1c5)][_0x5c18fb(0x160)]('active'):_0x2bccd4[_0x5c18fb(0x1c5)][_0x5c18fb(0x18e)]('active');}_0xfd8c89();}()));function a0_0x18e5(){const _0x3cd80b=['input','newBtn','scrollTop','\x20\x20\x20\x20});','selectionStart','redo','initTokenClient','addEventListener','HTML\x20copied\x20to\x20clipboard','Drive\x20save\x20error:','\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20padding:\x202rem;\x20border-radius:\x2014px;\x20backdrop-filter:\x20blur(6px);\x20}','https://www.googleapis.com/drive/v3/files/','command','close','text','imageBtn','active','Document\x0a\x0a\x0a','https://www.googleapis.com/discovery/v1/apis/drive/v3/rest','fileSize','metadata','execCommand','\x20\x20\x20\x20\x20\x20document.getElementById(\x22out\x22).textContent\x20=\x20\x22Clicked\x20\x22\x20+\x20n\x20+\x20\x22\x20time(s)\x22;','settingsBtn','HTML\x20/\x20CSS\x20/\x20JS\x20Code','\x20\x20\x20\x20

','appendChild','353433anJpLI','body','previewFrame','settingsModal','clipboard','','.html','💾\x20Saving...','tableRows','join','autoSaveStatus','Failed\x20to\x20save\x20to\x20Google\x20Drive','refreshPreviewBtn','bgColorPreview','>\x0a<','htmlEditorSeen','.modal','8435OPmSiG','file','toggle',' ','flex','Failed\x20to\x20list\x20files\x20from\x20Google\x20Drive','result','innerHTML','formatBtn','requestAccessToken','Bearer\x20','htmlEditorMode','insertImageBtn','tableBtn','\x20\x20','htmlEditorApiKey','className','Authorization\x20failed:\x20','application/json','imageModal','createElement','POST','write','Save\x20error:','access_token','paste','key','clipboardData','trim','now','append','fontName','[data-command]','84MAgYAX','keydown','sampleBtn','foreColor','setItem','htmlEditorContent','getElementById','_blank','Live\x20preview\x20hidden','dataset','background','.editor-container','codeArea','imageAlt','warning','div','filter','Google\x20Drive\x20connected\x20successfully!','length','oauth2','querySelectorAll','mimeType=\x27text/html\x27\x20and\x20trashed=false','document','Drive\x20list\x20error:','fullscreen','innerText','','Drive\x20open\x20error:','Google\x20Drive\x20credentials\x20saved\x20successfully','https://www.googleapis.com/auth/drive.file','.mode-btn','fullscreenBtn','\x22\x20alt=\x22','readAsText','Escape','HTML\x20code\x20detected\x20-\x20switched\x20to\x20Code\x20Mode','fileInput','writeText','imageUrl','add','href','createLink','htmlEditorClientId','charCount','getItem','saveSettingsBtn','drive','focus','linkText','','preview-hidden','\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20background:\x20linear-gradient(135deg,\x20#001f3f,\x20#0074D9);\x20color:\x20#fff;\x20}','\x20KB','cancelTableBtn','\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20border-radius:\x208px;\x20font-size:\x201rem;\x20cursor:\x20pointer;\x20}','loadingIndicator','New\x20document\x20created','max','openFileBtn','toLowerCase','block','\x22\x20style=\x22max-width:\x20100%;\x22>','error','\x20\x20','cancelImageBtn','Google\x20Drive:\x20API\x20credentials\x20not\x20configured.\x20Click\x20the\x20Settings\x20button\x20(⚙️)\x20to\x20set\x20them\x20up.','','\x20\x20\x20\x20Click\x20me','driveOpenBtn','startsWith','undefined','Live\x20preview\x20shown','revokeObjectURL','split','File\x20saved\x20to\x20Google\x20Drive:\x20','lineGutter','target','files','cancelSettingsBtn','push','Google\x20Drive\x20not\x20initialized.\x20Check\x20Settings\x20and\x20try\x20again.','','htmlEditorPreview','downloadBtn','Failed\x20to\x20load\x20credentials:','remove','download','GAPI\x20Error:','redoBtn','name','Preview\x20render\x20failed:','preventDefault','\x20\x20\x20\x20\x20\x20n++;','text/html','querySelector','Replace\x20current\x20content\x20with\x20the\x20sample\x20page?','replace','470160mHbTag','log','previewToggleBtn','File\x20opened\x20successfully','visual','click','settingsApiKey','value','5sMApkE','visualEditor','catch','Image','settingsClientId','300668KmHUIQ','wordCount','578493XoOxGV','none','\x20\x20\x20\x20

Edit\x20the\x20HTML,\x20CSS\x20and\x20JavaScript\x20on\x20the\x20left\x20and\x20watch\x20the\x20preview\x20update\x20live.

','702184jmpYLB','Cell','modifiedTime\x20desc','\x20\x20\x20\x20button\x20{\x20background:\x20#fff;\x20color:\x20#001f3f;\x20border:\x20none;\x20padding:\x20.7rem\x201.4rem;','undo','\x0a\x0a','linkUrl','Pop-up\x20blocked\x20—\x20allow\x20pop-ups\x20to\x20open\x20the\x20preview','forEach','\x0a','insertHTML','Failed\x20to\x20open\x20file\x20from\x20Google\x20Drive','','31633NukYWH','\x0aEnter\x20file\x20number\x20(1-','No\x20HTML\x20files\x20found\x20in\x20Google\x20Drive','\x20\x20\x20\x20

Hello,\x20world!

','open','classList','https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart','notification','test','','client','Words:\x20','Characters:\x20','Google\x20Drive\x20credentials\x20cleared','mode','formatBlock','bgColor','accounts','','consent','\x20\x20