Code Editor

Interactive code editor with syntax highlighting (100% jQuery-free)

JavaScript Editor

// Welcome to the Code Editor!

// Welcome to the Code Editor!
// Type your JavaScript code here

function greet(name) {
    return `Hello, ${name}! Welcome to Kiaalap Education Platform.`;
}

// Example usage
const message = greet('Student');
console.log(message);

// Array operations
const courses = ['Computer Science', 'Mathematics', 'Physics'];
courses.forEach(course => {
    console.log(`📚 Course: ${course}`);
});

// Object example
const student = {
    name: 'John Doe',
    id: 12345,
    grade: 'A',
    displayInfo() {
        console.log(`Student: ${this.name}, ID: ${this.id}, Grade: ${this.grade}`);
    }
};

student.displayInfo();

Console Output

// Click "Run" to execute the code...

HTML Editor

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Webpage</title>
</head>
<body>
    <h1>Welcome to My Website</h1>
    <p>This is a sample HTML document.</p>
    <button onclick="alert('Hello!')">Click Me</button>
</body>
</html>

CSS Editor

/* Modern CSS Styles */

/* Modern CSS Styles */

body {
    font-family: 'Arial', sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    margin: 0;
    padding: 20px;
}

h1 {
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

button {
    background: #4361ee;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background: #3451d1;
}

Editor Features

Syntax Support

Support for JavaScript, HTML, CSS, and more

Code Execution

Run JavaScript code directly in the browser

Copy to Clipboard

Easily copy code with one click

Console Output

View console logs and errors in real-time

Multiple Files

Work with multiple files using tabs

Keyboard Shortcuts

Efficient editing with keyboard support