API Documentation

URL Parameters

You can use URL parameters to pre-populate the code editors with your HTML, CSS, and JavaScript code.

Format:

http://Harlie.uk/?html=|html|Your HTML code here|html|&css=|css|Your CSS code here|css|&js=|js|Your JavaScript code here|js|

Example:

http://Harlie.uk/?html=|html|<!DOCTYPE html><html lang="en"><head></head><body><h1>Hello, World!</h1></body></html>|html|&css=|css|body { font-family: Arial, sans-serif; }|css|&js=|js|console.log('Hello from JavaScript!');|js|&OutputDisplay=|OutputDisplay|width=500px?height=300px|OutputDisplay|&CodeBoxes=|CodeBoxes|width=800px?height=400px|CodeBoxes|

Explanation:

Use |html| to wrap your HTML code
Use |css| to wrap your CSS code
Use |js| to wrap your JavaScript code
Use |OutputDisplay| to set dimensions for the output display
Use |CodeBoxes| to set dimensions for the code editor boxes

The code between these delimiters will be extracted and placed in the appropriate code editor when the page loads. The dimensions specified for OutputDisplay and CodeBoxes will be applied to their respective elements.