Hello World 👋

\\n\\t\\n`,monacoLanguage:'html',monacoPlaceholder:true,monacoPlaceholderText:'HTML code here',monacoLoader:true,monacoFontSize:'15px',monacoId:$id('monaco-editor'),setupMonacoEditor(e){e.onDidChangeModelContent((async o=>{this.monacoContent=e.getValue();this.updatePlaceholder(this.monacoContent);this.applyHTML(this.monacoContent)}))},monacoEditorFocus(){document.getElementById(this.monacoId).editor.focus()},updatePlaceholder:function(e){if(e==''){this.monacoPlaceholder=true;return}this.monacoPlaceholder=false},async init(){const e=window.location.search;const o=new URLSearchParams(e);const t=o.getAll('code');const n=o.get('code');if(n){this.monacoContent=n}Split(['#monacoId','#previewId'],{sizes:[50,50],minSize:50,gutterSize:10,snapOffset:10});if(typeof _amdLoaderGlobal=='undefined'){await Essepage.loadScript('https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs/loader.js')}let r=setInterval((()=>{if(typeof _amdLoaderGlobal!=='undefined'){require.config({paths:{vs:'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs'}});let e=URL.createObjectURL(new Blob([`self.MonacoEnvironment = { baseUrl: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/' }; importScripts('https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.0/min/vs/base/worker/workerMain.js');`],{type:'text/javascript'}));window.MonacoEnvironment={getWorkerUrl:()=>e};require(['vs/editor/editor.main'],(()=>{monacoTheme={base:'vs-dark',inherit:true,rules:[{background:'0C1021',token:''},{foreground:'aeaeae',token:'comment'},{foreground:'d8fa3c',token:'constant'},{foreground:'ff6400',token:'entity'},{foreground:'fbde2d',token:'keyword'},{foreground:'fbde2d',token:'storage'},{foreground:'61ce3c',token:'string'},{foreground:'61ce3c',token:'meta.verbatim'},{foreground:'8da6ce',token:'support'},{foreground:'ab2a1d',fontStyle:'italic',token:'invalid.deprecated'},{foreground:'f8f8f8',background:'9d1e15',token:'invalid.illegal'},{foreground:'ff6400',fontStyle:'italic',token:'entity.other.inherited-class'},{foreground:'ff6400',token:'string constant.other.placeholder'},{foreground:'becde6',token:'meta.function-call.py'},{foreground:'7f90aa',token:'meta.tag'},{foreground:'7f90aa',token:'meta.tag entity'},{foreground:'ffffff',token:'entity.name.section'},{foreground:'d5e0f3',token:'keyword.type.variant'},{foreground:'f8f8f8',token:'source.ocaml keyword.operator.symbol'},{foreground:'8da6ce',token:'source.ocaml keyword.operator.symbol.infix'},{foreground:'8da6ce',token:'source.ocaml keyword.operator.symbol.prefix'},{fontStyle:'underline',token:'source.ocaml keyword.operator.symbol.infix.floating-point'},{fontStyle:'underline',token:'source.ocaml keyword.operator.symbol.prefix.floating-point'},{fontStyle:'underline',token:'source.ocaml constant.numeric.floating-point'},{background:'ffffff',token:'text.tex.latex meta.function.environment'},{background:'7a96fa',token:'text.tex.latex meta.function.environment meta.function.environment'},{foreground:'fbde2d',token:'text.tex.latex support.function'},{foreground:'ffffff',token:'source.plist string.unquoted'},{foreground:'ffffff',token:'source.plist keyword.operator'}],colors:{'editor.foreground':'#F8F8F8','editor.background':'#0C1021','editor.selectionBackground':'#253B76','editor.lineHighlightBackground':'#FFFFFF0F','editorCursor.foreground':'#FFFFFFA6','editorWhitespace.foreground':'#FFFFFF40'}};monaco.editor.defineTheme('blackboard',monacoTheme);document.getElementById(this.monacoId).editor=monaco.editor.create($refs.monacoEditorElement,{value:this.monacoContent,theme:'blackboard',readOnly:false,minimap:{enabled:false},fontSize:this.monacoFontSize,lineNumbersMinChars:3,automaticLayout:true,language:this.monacoLanguage});this.setupMonacoEditor(document.getElementById(this.monacoId).editor);this.updatePlaceholder(document.getElementById(this.monacoId).editor.getValue())}));clearInterval(r);this.monacoLoader=false;this.applyHTML(this.monacoContent)}}),5)},applyHTML(e){const o=e;const t=document.getElementById('iFrame');if(t===undefined||t===null){return}const n=t.contentWindow.document;const r=new DOMParser;const a=r.parseFromString(o,'text/html');const d=a.getElementsByTagName('html')[0]?.getAttribute('lang')?.trim();const i=a.getElementsByTagName('head')[0]?.innerHTML?.trim();const c=a.getElementsByTagName('body')[0]?.innerHTML?.trim();let l='';if(d){l=` lang="${d}"`}const s=`\\n\\n\\n ${i}\\n\\n\\n ${c}\\n\\n`;n.open();n.writeln(s);n.close();t.width=`${n.body.scrollWidth}`;t.height=`${n.body.scrollHeight}`}});;\">\n \n\n\t\n\t\tEssepage PHP Playground\n\t\n\t\n\t\t\n\t\n\t\n\t\t\n\t\n\t\n\t\t\n\t\n \n\t\n\n\t\n\t\t\n\n\t

\n\n \n\t\n

\n\n\t

\n\n \n\n\n\n\n\n

\n\n\t

\n $\"Essepage\"$ \n

\n HTML Playground\n

\n \n Essepage ❤️\n \n \n

\n\n\t\t\n\t

\n\t\t\n\t

\n\n\t\n\n

\n\n

","script":"try{Essepage.loadLink('https://i.esdrop.com/d/f/bh8rwl3bwU/EJyuLJkyVb.png',{rel:'icon'});Essepage.loadLink('https://cdn.jsdelivr.net/npm/@unocss/reset/tailwind-compat.css',{rel:'stylesheet'});Essepage.loadScript('https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js',{'essepage-target-class':'es-696706ef79c9a'});Essepage.loadScript('https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js',{'essepage-target-class':'es-696706ef79ce3'});Essepage.loadScript('https://cdn.jsdelivr.net/npm/@unocss/runtime',{'essepage-target-class':'es-696706ef79cea'});Essepage.loadScript('https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js',{'essepage-target-class':'es-696706ef79cf4'});Essepage.loadScript('https://cdn.jsdelivr.net/npm/@unocss/runtime',{'essepage-target-class':'es-696706ef79cf6'});Essepage.loadScript('https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js',{defer:'defer','essepage-target-class':'es-696706ef79cf7'});Essepage.afterUpdate((async()=>{__unocss_runtime.update()}))}catch(s){console.error(s)};","css":"","essepage_head":"","essepage_body":"

({monacoContent:`\\n\\n\\t\\n\\t\\tHi\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t

Hello World 👋

$\"Essepage\"$

HTML Playground

Essepage ❤️

","page_datetime":"2024-01-10T15:03:00+00:00","page_title":"","page_hash_tags":[],"page_meta":[],"site_name":"","html_and_body_attributes":[],"additional_languages_in_content":[],"file_type":"essepage","page_token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3Nzg4NDAwMzMsIm5iZiI6MTc3ODg0MDAzMywiZXhwIjoxNzc4ODQzNjMzLCJmcCI6ImFwaV9lc3NlcGFnZV9jb20iLCJkYXRhIjp7ImVzc2VwYWdlX3N0YXR1cyI6IjUwIn19.YYwy1TVihmR1eAXeXAIju83XE5ra2OKkArVmkIy56Sw","s_fetch":true,"use_ssr_cache":false,"href_path":"/essepage-playground","article_mode":false,"cv":"20260114030042","frame_ancestors":"richardthink.com","essepage_code":"essepage-playground"}}