Skip to content

v.0.0.4

Choose a tag to compare

View all tags
@lordofsunshine lordofsunshine released this 29 Jun 10:43
· 134 commits to main since this release
0.0.4
9e985dc
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Code Editor with Console (v.0.0.4)

This web code editor is an interactive environment that allows users to write and test HTML, CSS, and JavaScript code in real-time. It features an output window to display results and a console for logging messages and errors. The editor supports a run() function that executes the code entered into the respective fields and displays the results in the output window. The console logs both standard messages and errors, providing timestamps for convenient debugging.

The web code editor is a convenient tool for developers that allows writing and testing HTML, CSS, and JavaScript code directly in the browser. The main features of the editor include:

  • Live Preview: Changes in the code are instantly reflected in the preview window, allowing for quick testing and debugging.
  • Integrated JavaScript Testing: The ability to run and test JavaScript code immediately after writing it.
  • Multilingual Support: The editor supports code editing in multiple programming languages.
  • Ease of Use: An intuitive interface makes working with code easier for developers of all levels.

✨ What's new?

The web code editor has received a series of updates and improvements that make it even more functional and user-friendly:

  • Dropdown Menu: A dropdown menu has been added, which opens when the "More..." button is clicked. This menu contains settings and additional features such as enabling autosave and saving the project as a zip archive.
  • Autosave Feature: An autosave feature has been implemented. Users can now enable or disable autosave through the settings menu.
  • Save Icon: A save icon has been added, which appears when saving the project.
  • Refined Console Management: Console management has been updated, including improvements in the display of messages and errors, as well as command handling.
  • Responsive Design Enhancements: The editor's adaptation for mobile devices has been improved.
  • Improved UI/UX: General improvements in the user interface and user experience, including more intuitive switching between web preview and console.
  • Rewritten JavaScript code: A lot of things in JS have been rewritten, and now the javascript code looks pretty acceptable. And also with a few explanations for you. ^_^

Screenshot

Preview

Video-Preview (click)

Preview

How the Console works

The console displays errors present in the code and allows you to execute simple commands directly in the terminal.

Preview

⭐ Star

Did you like the repository? Put an asterisk, thank you! ❤️

Assets 2
Loading