💡 Quick Tips:
We'd love to hear from you! Share your ideas, report bugs, or request new features to make ClearCode even better.
📧 Alternative: You can also email us directly at feedback@clearcode.app
Click the "New" button or press Ctrl+N to create a new file. You can also open existing files with "Open" or Ctrl+O.
// Your first JavaScript file
function greetWorld() {
console.log("Hello, ClearCode!");
}
greetWorld();Click the "Settings" button or press Ctrl+, to customize:
Press Ctrl+F to search or Ctrl+H to find and replace text. Advanced options include regex and case-sensitive search.
Your work is automatically saved to your browser. Use Ctrl+S to download files. Enable auto-save in settings for continuous saving.
ClearCode includes comprehensive dyslexia support:
Quick Enable: Press Ctrl+D or click "Dyslexia Mode" to enable all features at once.
Every feature in ClearCode can be accessed via keyboard shortcuts. Essential shortcuts:
ClearCode is designed to work with screen readers:
Visual markers help you see whitespace characters:
Why helpful: Prevents indentation mixing and alignment issues.
Visual indicators for code structure in different languages:
► Marks the end of lines ending with colons (functions, if statements, etc.)
def my_function(): ►
if True: ►
print("Hello!")┌─ Block start • └─ Block end
function example() { ┌─
return true;
└─ }◀ Marks tag boundaries for better structure visibility
◆ Property indicators • ┌─ Block markers
┊ Vertical lines show indentation levels, helping you:
In Settings, you can:
Problem: The code editor doesn't appear or shows an error.
Solutions:
Fallback: If Monaco Editor fails, ClearCode will show a basic text editor.
Problem: Files disappeared or work was lost.
Solutions:
Prevention: Enable auto-save in settings and regularly download important files.
Problem: Editor is slow or unresponsive.
Solutions:
Problem: Space indicators or block markers aren't visible.
Solutions:
Problem: Difficult to use on mobile devices.
Note: ClearCode is optimized for desktop use. For mobile:
If you encounter errors:
Learn these essential shortcuts to work faster:
Create custom color schemes by adjusting individual guide colors and saving your settings. This lets you create the perfect visual environment for your coding style and accessibility needs!