<!--
-- Uploaded on : https://haxor.my.id/open/html-creat-ladin.html
-- Official Web : https://prinsh.com
-- script-deface-generator.prinsh.com
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Real-time HTML Editor</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
background-color: #1e1e2e;
color: #fff;
font-family: Arial, sans-serif;
}
textarea {
background: #2d2d3c;
color: #ffffff;
resize: none;
border-radius: 10px;
padding: 10px;
font-size: 16px;
overflow: auto;
}
iframe {
background: #fff;
border-radius: 10px;
overflow: auto;
display: block;
width: 100%;
height: 100%;
}
.preview-container {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
border-radius: 10px;
border: 1px solid #ccc;
}
</style>
</head>
<body class="flex flex-col items-center justify-center min-h-screen p-5">
<h1 class="text-3xl font-bold mb-4">Real-time HTML Editor</h1>
<div id="editor-container" class="w-full max-w-4xl flex flex-col md:flex-row gap-4">
<textarea id="editor" class="w-full md:w-1/2 h-96 p-4 border overflow-auto" onkeyup="updatePreview()">
<h3>Welcome to the real-time HTML editor!</h3>
<p>Type HTML in this textarea, and it will magically appear in the frame beside.</p>
</textarea>
<div class="preview-container w-full md:w-1/2 h-96 overflow-auto">
<iframe id="preview"></iframe>
</div>
</div>
<footer class="text-sm mt-5 opacity-75">
Created by <a href="https://t.me/Ladinsk4" class="text-blue-400 hover:underline">LADIN-SK</a> and hosted by <a href="https://t.me/ICSF0" class="text-blue-400 hover:underline">ICSF</a>
</footer>
<script>
function updatePreview() {
let content = document.getElementById('editor').value;
let previewFrame = document.getElementById('preview').contentWindow.document;
previewFrame.open();
previewFrame.write(content);
previewFrame.close();
}
function adjustLayout() {
let container = document.getElementById('editor-container');
if (window.innerWidth < 768) {
container.classList.remove('md:flex-row');
container.classList.add('flex-col');
} else {
container.classList.remove('flex-col');
container.classList.add('md:flex-row');
}
}
window.onload = () => {
updatePreview();
adjustLayout();
};
window.onresize = adjustLayout;
</script>
</body>
</html>
</audio><marquee class="foonathanPrinsley"><b style="color: #eddd00;font-size:16px;" class="nprinsley-text-glitchan"> INDIA CYBER SECURITY FORCE ETHEKALE HACKER LADIN-SK |>RESPECT INDIA</a> | INTERNATIONAL | CYBERSECURITY | HACKER<