HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello from Rustcode Editor</title>
</head>
<body>
<h1>Welcome to Rustcode Editor</h1>
<p>This is a live preview editor.</p>
<p>You can edit the <code>html</code>, <code>css</code>, and even add <code>javascript</code>!</p>
<div class="demo-box">
<p>Edit this box or style it differently using CSS above!</p>
</div>
</body>
</html>
CSS
body {
font-family: "poppins", sans-serif;
background-color: #f0f0f0;
color: #333;
padding: 2rem;
}
h1 {
color: #313131;
}
p {
font-size: 16px;
}
code {
background: #e9e9e9 !important;
padding: 2px 6px !important;
border-radius: 4px !important;
font-size: 90%;
color: #d63384;
}
.demo-box {
background: #ffffff;
border: 2px solid #313131;
padding: 1rem;
max-width: 400px;
border-radius: 12px;
border: 2px solid black !important;
box-shadow: 2px 2px black;
}
JS
Preview